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

Definition, related topics, and tag feed

Definition · Supertopics: , · Subtopics: , , , , , , , , , , , , , , , , ,  (non-exhaustive) · “images” RSS feed (per email)

Entry (Sources) and Other Related TopicsDate#
Inset Shadows Directly on “img” Elements (ana/fro)608
, ,
Accessibility Minute—September 2025 (col)607
, , ,
Replace Your Animated GIFs with SVGs (fro)606
, , ,
Your Images Are (Probably) Oversized605
,
Liquid Glass in the Browser: Refraction With CSS and SVG604
, , ,
Anatomy of Good Icons (nng)603
, ,
Added Support for WebP Images (git)602
,
Testing Methods: Images of Text (dec)601
, ,
Icon Interpretation vs. Recognizability600
, ,
Implementing Accessible SVG Elements (a11)599
, ,
A Friendly Introduction to SVG (jos)598
,
A Simple Website597
, , , , , , , , ,
Accessible Social Media: Alt Text596
, ,
Stop Using Hero Images! They’re Killing Your UX (web)595
,
Implement WCAG Rules in Your Infographics (a11)594
, , , , , ,
SVG Optimization and Accessibility Basics (dbu)593
, , ,
Writing Alt Text With AI (jar)592
, , ,
PNG Is Back (pro)591
Portable Network Graphics (PNG) Specification (Third Edition) (pro+/w3c)590
,
Why JPEGs Still Rule the Web (ern/iee)589
,
Having “figure” Match Width of Contained Image (jef)588
,
You Can Style Alt Text Like Any Other Text (geo/css)587
, , ,
Finding the Joy in Alt Text (bry)586
,
How I Built Dynamic Social Media Images in Eleventy Using Cloudinary (chi)585
, , ,
Revisiting Image Maps (mal/css)584
, ,
The Problem(s) With Image Accessibility583
, ,
Image Alt Text Guide: How to Write and Add Image Alt Text Reference582
, , , , ,
A11y 101: 1.4.5 Images of Text (nat)581
, , ,
Background Image Opacity in CSS (jim)580
,
The Importance of Alt Text for Images579
, , , , , ,
A Guide to Alt Text Across Popular Tools (pop)578
, , ,
How Does Chrome Prioritize Image Requests? (deb)577
, , ,
Minimal CSS-Only Blurry Image Placeholders (kal)576
, , ,
Create an HTML Dialog When You Click an Image (cas)575
,
Revisiting CSS “border-image” (mal/css)574
, ,
Quick Accessibility Wins That Are Easy to Implement (kev)573
, , , , , , , , ,
Generate Growing Images Using Gemini API572
, ,
Maintaining Screenshot Quality and Color Profile in Figma (max)571
, , ,
Super Crispy SVG Icons (ale)570
, ,
Image Comparison Slider in 6 Lines of JavaScript569
,
@ 11ty/image-color (zac)568
, ,
Trusting AI With My Images Wasn’t Easy (dri)567
, , , ,
In Defense of Text Labels (chr)566
, , ,
Common Accessibility Challenges When Navigating Tables565
, ,
How to Improve Webpage Speed: Tips and Best Practices564
, , , , , , , , ,
Optimizing Images for Web Performance (tod/fro)563
, , , , , , ,
GitHub Copilot Brings Mockups to Life by Generating Code From Images (web)562
, ,
10 Digital Accessibility Mistakes to Avoid561
, , , , , , , , , , , ,
Alt Text Accessibility: Balancing AI and Human Oversight (tec+/equ)560
, , , , ,
How to Favicon in 2025: Three Files That Fit Most Needs (sit/evi)559
,
How to Gif (2025 Edition) (oll)558
, , , , , ,
Generating Image Descriptions and Alt-Text With AI (dri)557
, , ,
Page Bloat Update: How Does Ever-Increasing Page Size Affect Your Business and Your Users? (tam/spe)556
, , , , ,
Using SVGs on Canvas With Compose Multiplatform (eev)555
, ,
Remove the “direction” Property on Your Arrow Icons (ali)554
,
Quick Note: Limit Use of “Logo” in Alt Text (nat)553
, , ,
Media (ste+/htt)552
, , , , ,
Misleading Icons: Icon-Only-Buttons and Their Impact on Screen Readers (ale/mat)551
, , , ,
Designer Problems: “Make the Logo Bigger!” (web)550
,
Solved by Modern CSS: Feature Image (sha)549
Mastering SVG Arcs (sma)548
How to Fix Storybook Screenshot Testing (not)547
, , , ,
A Link on a Logo in the Header, What Should the Alt-Text Be? (ria/mat)546
, , , ,
Preloading Responsive Images (tre)545
, , ,
Avoid Hotlinking Images With “Cross-Origin-Resource-Policy”544
Old Alt Text Advice (ste)543
, , , ,
Alt Text: Not Always Needed (nng)542
, ,
Don’t Forget to Localize Your Icons (eri)541
, ,
How to Identify Decorative Images and Boost Accessibility (a11)540
, , , ,
The Image Compression Challenge (Donating Money for Excess-Free Projects) (j9t)539
, ,
Dynamic Social Share Images Using Cloudinary (sia)538
, ,
10 Simple Ways to Make Your Social Media Posts Accessible537
, , , , ,
You Can Use “text-wrap: balance;” on Icons (ede)536
,
How to Build an Image Search Application With OpenAI CLIP and PostgreSQL in JavaScript535
, , , , , , ,
Icon Usability: When and How to Evaluate Digital Icons (nng)534
, ,
How to Use CSS and SVG Clipping and Masking Techniques (wpe)533
, , , ,
“img sizes=auto” for Native Lazy Loading (ste)532
, , ,
Building the Perfect Logo Strip (nil/9el)531
, ,
Keeping Pixely Images Pixely (and Performant!) (chr/fro)530
,
SVG Coding Examples: Useful Recipes for Writing Vectors by Hand (sma)529
,
Supporting AVIF in Google Search (joh)528
, , ,
Harnessing Copilot and Other Gen-AI Tools to Increase Digital Accessibility Efficiency527
, , , , ,
Is Using “aria-label” to Add Alternative Text But No “alt” Attribute Still a WCAG Fail?526
, , , , , , ,
Mastering Typography in Logo Design (sma)525
, ,
Accessibility Specialists Warn Against Using AI for Alt Text524
, ,
Writing Alt Text for a Scientific Figure523
, , ,
Good Intentions, Poor Context (tpg)522
, , ,
Have It All: External, Styleable, and Scalable SVG (sco)521
,
Designing Design Systems: Constructing an Icon System520
, , ,
“Practical SVG” Is Now Free to Read Online (chr)519
,
Can AI Be Used to Write Good Descriptive Alt Text for Images in 2024? (the)518
, ,
Alternative Text in Action517
, , ,
Do Grayscale Images Take Less Space?516
,
The Little Things: Confusing Error Messages (brw)515
,
Seamless Screenshot Testing for Compose With Screenshotbot514
, , ,
How Top HR Agencies Build Trust Through Logo Designs513
, ,
Minimal SVG Favicon (sto)512
, ,
Ditch the Pixels: The Small and Vectorized Web (yor)511
,
My Approach to Alt Text (aar)510
, , ,
Alt Left (ste)509
, , ,
The Picture-Superiority Effect: Harness the Power of Visuals (nng)508
,
Images as the First Thing in a Button or Link (tem)507
, , ,
Taking Regular Screenshots of My Website506
, , ,
Write Alt Text Like You’re Talking to a Friend (spa/clo)505
,
Long Alt (aar)504
, , , ,
Why We Are Still Using 88×31 Buttons503
,
Sliding 3D Image Frames in CSS (css/sma)502
,
Faster Websites With the “picture” Element (fra)501
,
How to Think About HTML Responsive Images (db)500
, ,
“aspect-ratio” Gotcha (css)499
,
Introducing Jpegli: A New JPEG Coding Library498
, , ,
How to Design Icons in Figma497
, , ,
Thoughts on Embedding Alternative Text Metadata Into Images (eri)496
,
How to Invert the Colors Using CSS (ron)495
, ,
AVIF Is the Future of Web Images494
, ,
The 88×31 Archive493
,
How to Make a Cursor Image Hover Effect With CSS and JS492
, , ,
Everything You Need to Know About Image Formats in 2024 (web)491
, , , , , ,
Making Your SVG Icons CSS Masks Instead of Inline HTML or Backgrounds Has Some Benefits (chr/fro)490
, , ,
Dynamically Adding Text Alternatives to Images With AI (kar)489
, , ,
How to Favicon in 2024: Six Files That Fit Most Needs (sit/evi)488
,
Progressive JPEGs (PJPEG): The Key to Loading Images Faster on Your Website487
, , ,
The World’s Smallest PNG (eva)486
,
AI Art Is the New Stock Image (ia)485
,
Everything You Need to Know About Responsive Logo Design (web)484
, , ,
Responsive SVGs (nil/5t3)483
,
Border Images in CSS: A Key Focus Area for Interop 2023 (dip/mdn)482
, , , ,
Practical “img” Element Defaults (zor/css)481
,
AI for Web Devs: AI Image Generation (aus)480
, ,
“sizes=auto” Pretty Much Requires “width” and “height” Attributes (eee)479
, ,
Create Dynamic Web Experiences With Interactive SVG Animations478
, ,
Text With Media Background: Practical Solutions477
, ,
Stop Using AI-Generated Images (mic)476
AVIF: Meet the Next Level Image File Format475
Cloudinary: The “Dramatic” Story of JPEG XL Support So Far (jon/com)474
, ,
How to Write Good Alt Text for Screen Readers (cra)473
, , , ,
An Introduction to Working With SVGs in React472
, ,
Some Sensible Defaults for Your “img” Elements (css)471
Images on the Web470
, , , , , ,
Which Is the Best Image Format for Your Website?469
, , , , ,
The Ultimate Low-Quality Image Placeholder Technique (css)468
,
How Mastodon Handles Images and Web Previews (rba)467
, , , ,
Stop Lazy Loading Product and Hero Images (gri/clo)466
,
How to Make Charts and Graphs More Accessible (pop)465
, ,
Let’s Make a Rubber Button With HTML, CSS, and SVG (tyl/clo)464
, , ,
How I Write Alt Text for Code Snippets on Social Media (ben)463
, , ,
What Is Alt Text and How to Write It (tpg)462
, ,
Please Size Your Inline SVGs (aar)461
An “alt” Decision Tree Using Only “:has()” (aar)460
, ,
Designing Accessible Text Over Images: Best Practices, Techniques, and Resources II (sma)459
, , ,
Alt Text Hall of Fame (ste/alt)458
, , ,
Responsive Images: DIY Implementation in 6 Steps457
,
Designing Accessible Text Over Images: Best Practices, Techniques, and Resources (sma)456
, , ,
SVG Gradients: Solving Curved Challenges455
,
Using Imagery in Visual Design (nng)454
,
How to Use CSS “object-fit” and “object-position”453
,
JPEG XL: How It Started, How It’s Going452
,
Shines, Perspective, and Rotations: Fancy CSS 3D Effects for Images (css/sma)451
,
Creating SVG Animations Using Tailwind CSS450
, ,
Displaying Your Full-Sized YouTube Thumbnail or a Custom OG Image in a Twitter Card (phi)449
, , , ,
Understanding SVG Paths448
What Does the Image “decoding” Attribute Actually Do? (tun)447
, ,
How to Add a CSS Reveal Animation to Your Images (css)446
, ,
Is There a Viable Animated GIF Alternative Yet or What? (tyl/clo)445
Deploying AVIF for More Responsive Websites (dev)444
,
Dithering (chr)443
The Image Sorting Experiment (uxd)442
, ,
A Designers Guide to the Principles of Web Design441
, , , , , , , ,
The Alt Text War—SEO vs. Accessibility440
, , , ,
The Death of JPEG-XL439
What Makes a Good Screenshot? (llo/tpg)438
Convert PNG to JPG Using FFmpeg (ama)437
, , ,
The Ultimate Guide to Image Optimisation (fox/cal)436
, , ,
Change Favicon on Switching Browser Tabs in JavaScript (ami)435
,
Are You Making These Five Mistakes When Writing Alt Text?434
, , ,
Unlocking SVG’s Superpowers (btc)433
,
On Container Queries, Responsive Images, and JPEG-XL (gri/clo)432
, , ,
Dithering Images With React/JavaScript431
, ,
How to Style Your Alt Text (ede)430
, , ,
Using Focal Points, Aspect Ratio, and Object-Fit to Crop Images Correctly (hen)429
,
Building an Animated SVG Logo With animejs428
, , ,
You Kinda Want an Orange Favicon (chr)427
, ,
How to Favicon in 2023: Six Files That Fit Most Needs (sit/evi)426
,
Learn Images (wil/dev)425
, , , , , ,
Easy SVG Customization and Animation: A Practical Guide (cod/sma)424
, ,
Optimal Images in HTML (ste/bui)423
, , ,
The Modern Way of Serving Images (kur)422
,
Creating a Custom Cursor Using CSS (css)421
, ,
Easy Dynamic Social Sharing Image With Eleventy420
, ,
6 Common SVG Fails (and How to Fix Them) (css)419
Optimizing the Image Element LCP (sma)418
,
Advanced Usage Patterns for Taking Page Element Screenshots With Playwright417
, ,
Interactive SVG Reference416
Stock Photos of People With Disabilities (den)415
,
Website Accessibility (15 Best Practices) (bru)414
, , , , , , , , ,
Mini-Guide to Add an Image (its/mat)413
CSS Infinite Slider Flipping Through Polaroid Images (css/css)412
, ,
Enough With the Pointless Images (boa)411
,
Take Full-Size Screenshots of Websites Without Any Tools in Chrome (ami)410
, , ,
Reduce Image Sizes by Removing Metadata409
, ,
CSS Infinite and Circular Rotating Image Slider (css/css)408
, ,
Handling Images With Inconsistent Height in CSS (ami)407
What Image Format Should You Use in Your Next Project? (alv)406
A Guide to Image Optimization on Jamstack Sites (daw/sma)405
, , , , ,
6 Steps to Improve HTML Images for Users and Developers (aus)404
, ,
The Case for JPEG XL (jon)403
,
Screenshotting VoiceOver on macOS (kil)402
, , , ,
Twitter Reminds Us About Alt Text, but How Good Are We at It? (uxd)401
, , ,
Google on Alt Text SEO and Accessibility (sea)400
, , , ,
What I Learned About SVG Accessibility (Among Other Things) From NBC News’ Senate “What If” Project399
, ,
How to Write Good Alt Text (cfe)398
, , ,
SVG Sprites: Old-School, Modern, Unknown, and Forgotten (pep)397
, ,
How to Scale SVG (ame/css)396
, ,
GIFs Without the .gif: The Most Performant Image and Video Options Right Now (oll/css)395
, , ,
Media (htt)394
, , , ,
Justin Yarbrough Talks About Alt Text393
, , ,
Converting PNG Images to WebP Using PHP (ami)392
, , ,
How Your Favourite UI Libraries Manage Their Icons (and)391
, ,
8 Tricks for SVG Optimization (uxd)390
, ,
AI-Generated Images From AI-Generated Alt Text (aar)389
, , ,
What Are Best Practices for Creating Alt Text?388
, , ,
Research Insight: Accessibility of Images (tet)387
, ,
Vector Animations With Figma and SVG Animate (uxd)386
, ,
Powerful Image Optimization Tools (lou/sma)385
, , ,
Can SVG Symbols Affect Web Performance?384
,
Best Practices for Images383
,
How to Serve WebP Images on nginx382
, , ,
Imagemin Guard (j9t)381
, , , , , , , ,
Icon-Only Links Fail WCAG (tem)380
, , , ,
Writing Useful Alt Text (mic)379
, ,
Just How Long Should Alt Text Be? (geo/css)378
, ,
Magical SVG Techniques (sma)377
,
Image Borders in CSS (ami)376
,
How to Turn HTML Webpage Into an Image?375
, ,
Alternative Text (Alt Text) (pop)374
, , ,
Picture Perfect Images With the Modern “<img>” Element (add)373
, ,
Optimizing SVG Patterns to Their Smallest Size (css)372
,
15 Useful Placeholder Tools for Designers and Developers371
, , , ,
Favi-Gone: 6 Reasons Why Your Favicon Disappeared From the Google Search Results370
, ,
There Is No Character Limit for “Alt Text” (yat)369
, ,
Never, Ever, Ever Use Pixelation for Redacting Text368
, ,
Building an Adaptive Favicon (arg/dev)367
How to Favicon in 2022: Six Files That Fit Most Needs (sit/evi)366
,
Big Images, Blazingly Fast365
,
Optimize Your PNGs With Oxipng and pre-commit (ada)364
, , ,
Create an Open Graph Image Generator With Node.js (log)363
,
Social Media Image Sizes 2022: Cheat Sheet for Every Network362
,
Alt Tag Emptiness (ste)361
, , ,
Responsive Image Gallery With Animated Captions (5t3)360
, , ,
Image Magnifier Using Only One Line of CSS (ami)359