Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s oppression and killing of Palestinians and the occupation and destruction of Palestine (history) 🇵🇸 Hide

Frontend Dogma

“images” News Archive (2)

Entry (Sources) and Other Related TopicsDate#
The Many Methods for Using SVG Icons (hui)358
, ,
Image Display Elements (5t3)357
,
Why Your Website Should Not Use Dithered Images356
, ,
We Analyzed 425,909 Favicons355
Beginner’s Guide to Responsive Images: How to Get Them Right (lou)354
, ,
Using Modern Image Formats: AVIF and WebP (add/sma)353
, , , , , ,
Optimizing Images on the Web (clo)352
,
Blowing Up HTML Size With Responsive Images (deb)351
, ,
5 Steps for Writing Alt Text for Accessibility350
, ,
Fractional SVG Stars With CSS349
,
One Favicon to Rule Them All (j9t)348
,
Decoding AVIF: Deep Dive With Cats and imgproxy (evi)347
,
Exploring the CSS Paint API: Image Fragmentation Effect (css/css)346
, ,
Pixelart and the “image-rendering” Paradox345
,
Writing Great Alt Text: Emotion Matters (jaf)344
, , ,
What to Know About AVIF on Cloudinary (sia)343
,
Image Descriptions: A Human Technique That Robots Can’t Grasp (uxd)342
,
The Anatomy of a Web Page: 14 Basic Elements341
, , , , , ,
Beyond Basic Alt Text—Charts, Maps, and Diagrams340
, ,
A Framework for Building Open Graph Images (git)339
OMG, SVG Favicons FTW!338
, ,
Your Image Is Probably Not Decorative (eri/sma)337
, ,
Adding Shadows to SVG Icons With CSS and SVG Filters (css)336
, , , , ,
Half the Size of Images by Optimising for High Density Displays (jaf)335
,
Serving Sharp Images to High Density Screens (jaf)334
Using AVIF to Compress Images on Your Site (dev)333
, ,
How to Build an Image Comparison Slider332
, ,
Accessible SVGs: Perfect Patterns for Screen Reader Users (car/sma)331
, ,
JPEG XL330
,
Content-Aware Image Resizing in JavaScript329
,
Web Developer’s Guide to AVIF Images328
,
How to Use SVG Image Sprites (cra)327
, ,
Create Responsive Image Effects With CSS Gradients and “aspect-ratio” (5t3/sma)326
, , , ,
Seven Myths About Alt Text325
, ,
Front-End Performance 2021: Assets Optimizations (vit/sma)324
, , ,
Optimizing Image Depth (mey/css)323
, ,
Google Is Already Experimenting With WebP2 As Successor To WebP Image Format322
,
GIFs and “prefers-reduced-motion” (chr/css)321
, ,
How to Design a Set of Icons320
,
Creating a Custom Cursor Using CSS?319
, ,
AVIF Has Landed (jaf)318
, , , , , , ,
Optimize Images With a GitHub Action (chr/css)317
,
Pausing a GIF With “details”/“summary” (chr/css)316
, , ,
Writing Alt Text for Data Visualization315
, , , ,
Lazy Loading Images in Svelte (css)314
, ,
Webwaste (ger/ali)313
,
How to Design a Brand Logo (With Ease) (sma)312
, , ,
SVG, Favicons, and All the Fun Things We Can Do With Them (eri/css)311
, ,
How to Use an Emoji as a Favicon Easily (chr/css)310
, , ,
Different Favicon for Development (chr/css)309
,
Tools for Optimizing SVG (chr/css)308
, , ,
Accessible SVGs: Inclusiveness Beyond Patterns (car/sma)307
, ,
Setting Height and Width on Images Is Important Again (tun/sma)306
, ,
Optimize CSS Background Images With Media Queries (dev)305
, , ,
Do This to Improve Image Loading on Your Website (fon/css)304
,
AVIF for Next-Generation Image Coding303
,
Progressive JPEGs: An Introduction302
, , ,
Dark Mode Favicons (chr/css)301
,
Speed Up Your Website With WebP (sma)300
, ,
A Guide to Optimizing Images for Mobile (sma)299
, , ,
Workflow Considerations for Using an Image Management Service (chr/css)298
, ,
How to Change Your Favicon in Wordpress: A Step-by-Step Guide (yoa)297
, ,
Faster Image Loading With Embedded Image Previews (sma)296
, , ,
The Making of an Animated Favicon (pre/css)295
, ,
When to Use “img,” “img@ srcset,” and “picture” and “source” (j9t)294
Image Optimization in WordPress (sma)293
, ,
Understanding Image Compression: Tooling and Context (j9t)292
, ,
A Crime Called Favicon (j9t)291
,
A Practical Guide to SVG and Design Tools (sma)290
, , , , , ,
SVG Circle Decomposition to Paths (sma)289
,
Stacked “Borders” (mey/css)288
, , , ,
Did You Know That CSS Custom Properties Can Handle Images Too? (fon/css)287
,
Using Artificial Intelligence to Generate Alt Text on Images (css)286
, ,
Improve Animated GIF Performance With HTML5 Video (sma)285
, ,
Apply a Filter to a Background Image (chr/css)284
, ,
Responsive Images (wil/ali)283
, ,
Icon Fonts vs. SVGs—Which One Should You Use in 2018?282
, ,
Converting Images to WebP (mal/sma)281
, , , , ,
Image Alt Text vs. Title Text vs. File Names: What’s the Difference? (bri/sea)280
, , , , ,
Improving Performance Perception: On-Demand Image Resizing279
, , ,
What Is SVG Good For? (chr/css)278
,
The Four Big Ways Jetpack Helps With Image Performance (css)277
, ,
Designing for Accessibility and Inclusion (sma)276
, , , , , , , , ,
Some Things About “alt” Text (chr/css)275
, ,
Bad Icons: How to Identify and Improve Them (nng)274
, , ,
The Front-End Checklist (the)273
, , , , , , ,
Tips for Icon Usability272
, , ,
A Pretty Good SVG Icon System (chr/css)271
,
When Large Isn’t Large Enough: Designing With Hero Images (sma)270
Masking vs. Clipping: When to Use Each (sar/css)269
, , ,
GIF, PNG, JPG, or SVG: Which One to Use?268
, , , , ,
Let the Content Delivery Network Optimize Your Images (jon/sma)267
, ,
What Is the Right Image Format for Your Website?266
, , , , ,
Guetzli, Google’s New JPEG Encoder (tel)265
, , ,
Measuring Image Widths in JavaScript (Carefully) (chr/css)264
Align SVG Icons to Text and Say Goodbye to Font Icons263
, , , , , ,
A Compendium of SVG Information (chr/css)262
, ,
Develop Locally, Use Images From Production (chr/css)261
, , ,
The Joy of Optimizing (una/btc)260
, ,
Responsive Images in CSS (chr/css)259
, ,
SVG and Media Queries (jaf)258
, , , , ,
The SVG “path” Syntax: An Illustrated Guide (chr/css)257
,
WordPress SVG Support: How to Enable SVGs in WordPress256
, ,
Accessible SVGs in High Contrast Mode (eri/css)255
, , ,
Are Icons Content? (chr/css)254
, ,
Accessible SVGs (css)253
, ,
Using WebP Images (mal/css)252
,
Get the Original Image From a Data URL (chr/css)251
Practical SVG (chr/ali)250
High Performance SVGs (sar/css)249
, , ,
Working With Images in Stylesheets With PostCSS (css)248
, , ,
RespImageLint—Linter for Responsive Images247
, , ,
How PNG Works246
,
Why npm Scripts? (css)245
, , , , , , ,
Usability Testing of Icons (nng)244
, ,
Lazy-Loading Images: How Not to Really Annoy Your Users243
, ,
Blending Modes Demystified (ali)242
, , ,
A Guide for SVG Support in Email (geo/css)241
, , ,
SMIL Is Dead! Long Live SMIL! A Guide to Alternatives to SMIL Features (sar/css)240
, , ,
Decorating the Web With CSS Border Images239
, ,
The Image Replacement Museum (mar/css)238
, , , , ,
Background Image Shapes (css)237
, , , , ,
Ensure High Contrast for Text Over Images (nng)236
, , ,
How to Make Charts With SVG (fon/css)235
, , , ,
Factors Affecting Website Performance234
, , , , ,
Creating Cel Animations With SVG (hey/sma)233
, , ,
Preloading Images in Parallel With Promises (kit)232
, , ,
The Anatomy of Responsive Images (jaf)231
, , ,
SVG Is for Everybody (chr/btc)230
,
SVG Lessons I Learned the Hard Way (sar/btc)229
, ,
Mastering Image Optimization in WordPress228
, ,
Performance Tools (fon/css)227
, , , , , , , ,
The Art of SVG Filters and Why It Is Awesome (sma)226
, ,
SVG Fallbacks Guide (ame/css)225
, ,
image-dimensions (sin)224
,
HTML5 Image Description Extension (“longdesc”) (cpt/w3c)223
,
Responsive Hero Images (gri/clo)222
CSS Sprites With Sass and Compass221
, , ,
Why Responsive Images Matter (wil/ali)220
Responsive Images in Practice (ali)219
, ,
How SVG Fragment Identifiers Work (chr/css)218
,
Styling and Animating SVGs With CSS (sar/sma)217
, ,
Probably Don’t Base64 SVG (chr/css)216
,
A Guide to SVG Animations (SMIL) (sar/css)215
, , ,
Image Optimization Services (gri/clo)214
, ,
Don’t Use “<picture>” (Most of the Time) (gri/clo)213
,
How a New HTML Element Will Make the Web Faster (ars)212
, ,
Making SVGs Responsive With CSS (sar/cod)211
, ,
Favicons, Touch Icons, Tile Icons, Etc.—Which Do You Need? (css)210
,
Swapping Out SVG Icons (chr/css)209
, , , ,
How to “Resize” Images With CSS208
, ,
Testing Responsive Images (wil/ali)207
,
Picturefill 2.0: Responsive Images and the Perfect Polyfill (sma)206
, ,
Tips for Creating Accessible SVG (tin)205
, ,
Dealing With Content Images in Email (chr/css)204
, , ,
“srcset” and “sizes” (eee)203
,
A Q&A on the Picture Element (yoa+/ali)202
, , ,
Shadow DOM201
, , , , ,
Rethinking Responsive SVG (sma)200
, ,
One Solution to Responsive Images (sma)199
, ,
Animating Vectors With SVG (bri/24w)198
, ,
Why Responsive Images Is So Hard (chr/css)197
, ,
Image Compression for Web Developers (dev)196
, ,
Webpage Performance (geo)195
, , , ,
Using Remote Image Files When You Develop Locally (lul)194
, , ,
WebKit Has Implemented “srcset”, and It’s a Good Thing (wil/sma)193
, ,
SVG Fallbacks (chr/css)192
, , ,
SVG Filters on Text (css)191
, ,
Images Slowing Down Your Site? Try This One Weird Trick! (aer)190
,
The Web Designer’s Guide to Image Copyrights189
, ,
Simple Responsive Images With CSS Background Images (sma)188
, , ,
Why We Need Responsive Images (tka)187
, ,
Replace the Image in an “<img>” With CSS (css)186
, ,
Media Queries Within SVG (tka)185
, , , ,
Media Queries in SVG Images (gri/clo)184
, ,
Using SVG (chr/css)183
, , , , , , ,
Favicon: A Changing Role182
,
Web Technology: 5 Things to Watch in 2013 (sts/cne)181
, ,
CSS Masks—How to Use Masking in CSS Now (sch)180
, , ,
Perfecting Your Website’s Favicon179
,
Compressive Images (sco)178
,
Better SVG Sprites With Fragment Identifiers (sto)177
,
Responsive Image Format (yoa)176
, ,
CSS Sprites Revisited (sma)175
, ,
On Responsive Images (chr/css)174
,
The Need for a Responsive Web Image Format (tel)173
, ,
Resolution Independence With SVG (dbu/sma)172
, ,
pngquant (kor)171
, , , ,
Responsive Images and Transparent Content Negotiation in HTTP (kar)170
, ,
Lightbox2169
, , ,
Responsive [Images] (gri/clo)168
A Farewell to CSS3 Gradients (mis)167
, , ,
How to Optimize Images With HTML5 Canvas (sma)166
, , ,
Infinite All-CSS Scrolling Slideshow (chr/css)165
, ,
More Logo Markup Tips (css)164
, , ,
Fluid Images (bee/ali)163
, ,
Better Image Management With WordPress (sma)162
, ,
HTML, “@ width,” and “@ height” (j9t)161
, ,
Using the CSS “border-image” Property (tab)160
,
Understanding “border-image” (css)159
,
The Death of the Pixel as We Know It—the New DPI Web (dal/aja)158
Transparency in Web Design (chr/css)157
, , ,
SVG Wow156
, ,
Fast by Default and Web Performances (aja)155
, , ,
“toDataURL,” Canvas, and SVG (bra/aja)154
, , ,
Vital Tips for Effective Logo Design (sma)153
, ,
Perfect Full Page Background Image (chr/css)152
, , , ,
Lightbox 2: Simple JavaScript Image Gallery151
, ,
Why IE9 Will Support SVG (fyr)150
, , , ,
How to Optimize PNG (sma)149
, ,
Clever JPG Optimization Techniques (sma)148
, ,
IE Fix: Bicubic Scaling for Images (chr/css)147
, , , ,
The Tiniest GIF Ever146
,
WebFormElements.com (tel)145
, ,
APNG Class: Get APNG Going on All Browsers (dal/aja)144
, ,
88 Outstanding Favicons and 6 Resources to Help You Create Your Own143
, ,
SVG Is the Future of Application Development142
, ,
SVG Test Page (fyr)141
,
“border-image”: No More Cutting Up Hell (dal/aja)140
, , , , , ,
SVG Filter Performance Improvements in Gecko 1.9.1139
, , , ,
SVG Paint Servers for HTML138
, , ,
Evil GIFs: Hiding Java in Your Image (dal/aja)137
, ,
Infinite Web 2.0 Image With GWT (dal/aja)136
, ,
Rendering Performance in Canvas Compared to SVG and VML (dal/aja)135
, , , ,
Preloading Images With jQuery (oct/aja)134
, ,
Google Changes Favicon, Challenges You to Do Better133
,
A Validator Is Not an Accessibility Evaluation Tool? (w3c)132
, , , , ,
Making “IE6-Friendly” PNG8 Images (mis)131
, , ,
Using CSS for Image Borders (css)130
,
APNG—the Animated PNG129
,
RDFa and HTML Imagemap (kar/w3c)128
, ,
Misconceptions About PNG (chr/css)127
CSS Sprites: What They Are, Why They’re Cool, and How to Use Them (chr/css)126
, ,
PNG Transparency for Internet Explorer (IE6 and Beyond) (tel)125
, , , , , ,
Color Sampling and SVG Gradients (bur)124
, ,
Getting Started With Photoshop: Saving for the Web123
, , , , ,
The “longdesc” Lottery (div)122
, ,
Reviving Anorexic Web Writing (ali)121
, ,
Faster Page Loads With Image Concatenation120
, ,
Icon Design: Sizing (dav)119
,
Animated GIF Not Animating? (pau)118
, ,
W3C Sets Standard for Technical Illustrations on the Web117
,
Create Cross Browser Vector Graphics116
Which Image Format Is Best (jus)115
, ,
My PNG Image Replacement Method (tel)114
, ,
Semantic Image Use (jch)113
, , ,
Accessible Alternate Content (lac)112
,
Lightbox JS111
, , ,
Ten Steps to a More User Friendly Website110
, , , , , , , , , ,
JPG Quality (dav)109
, ,