| Revisiting Image Maps (mal/css) | | 544 |
| image-maps, html, techniques |
| Image Alt Text Guide: How to Write and Add Image Alt Text Reference | | 543 |
| guides, accessibility, user-experience, seo, alt-text, shopify |
| A11y 101: 1.4.5 Images of Text (nat) | | 542 |
| introductions, accessibility, wcag, alt-text |
| Background Image Opacity in CSS (jim) | | 541 |
| css, backgrounds |
| The Importance of Alt Text for Images | | 540 |
| alt-text, accessibility, dei, compliance, legal, seo, user-experience |
| A Guide to Alt Text Across Popular Tools (pop) | | 539 |
| guides, alt-text, accessibility, tooling |
| How Does Chrome Prioritize Image Requests? (deb) | | 538 |
| chrome, google, browsers, performance |
| Minimal CSS-Only Blurry Image Placeholders (kal) | | 537 |
| placeholders, backgrounds, css, techniques |
| Create an HTML Dialog When You Click an Image (cas) | | 536 |
| html, modals |
| Revisiting CSS “border-image” (mal/css) | | 535 |
| css, borders, data-urls |
| Quick Accessibility Wins That Are Easy to Implement (kev) | | 534 |
| videos, accessibility, html, semantics, alt-text, contrast, colors, keyboard-navigation, focus, skip-links |
| Generate Growing Images Using Gemini API | | 533 |
| ai, apis |
| Maintaining Screenshot Quality and Color Profile in Figma (max) | | 532 |
| figma, screenshots, quality, colors |
| Super Crispy SVG Icons (ale) | | 531 |
| svg, icons, optimization |
| Image Comparison Slider in 6 Lines of JavaScript | | 530 |
| sliders, javascript |
| @ 11ty/image-color (zac) | | 529 |
| packages, npm, colors |
| Trusting AI With My Images Wasn’t Easy (dri) | | 528 |
| ai, alt-text, accessibility, automation, tooling |
| In Defense of Text Labels (chr) | | 527 |
| labels, icons, usability, design |
| Common Accessibility Challenges When Navigating Tables | | 526 |
| accessibility, tables, keyboard-navigation |
| How to Improve Webpage Speed: Tips and Best Practices | | 525 |
| how-tos, performance, optimization, tips-and-tricks, best-practices, redirecting, fonts, testing, tooling |
| Optimizing Images for Web Performance (tod/fro) | | 524 |
| performance, optimization, jpeg, png, webp, avif, html, caching |
| GitHub Copilot Brings Mockups to Life by Generating Code From Images (web) | | 523 |
| github-copilot, ai, design |
| Alt Text Accessibility: Balancing AI and Human Oversight (tec+/equ) | | 522 |
| podcasts, accessibility, multimedia, alt-text, ai, quality |
| 10 Digital Accessibility Mistakes to Avoid | | 521 |
| accessibility, mistakes, alt-text, contrast, colors, keyboard-navigation, aria, semantics, headings, labels, forms, pop-ups, testing |
| How to Gif (2025 Edition) (oll) | | 520 |
| how-tos, multimedia, gif, png, webp, avif, jpeg-xl |
| How to Favicon in 2025: Three Files That Fit Most Needs (sit/evi) | | 519 |
| how-tos, favicons |
| Generating Image Descriptions and Alt-Text With AI (dri) | | 518 |
| alt-text, accessibility, ai, quality |
| Page Bloat Update: How Does Ever-Increasing Page Size Affect Your Business and Your Users? (tam/spe) | | 517 |
| performance, trends, metrics, javascript, desktop, mobile |
| Using SVGs on Canvas With Compose Multiplatform (eev) | | 516 |
| canvas, svg, javascript |
| Remove the “direction” Property on Your Arrow Icons (ali) | | 515 |
| icons, microcontent |
| Quick Note: Limit Use of “Logo” in Alt Text (nat) | | 514 |
| accessibility, logos, alt-text, microcontent |
| Media (ste+/htt) | | 513 |
| web-almanac, studies, research, metrics, multimedia, html |
| Misleading Icons: Icon-Only-Buttons and Their Impact on Screen Readers (ale/mat) | | 512 |
| html, buttons, icons, accessibility, screen-readers |
| Designer Problems: “Make the Logo Bigger!” (web) | | 511 |
| design, logos |
| Solved by Modern CSS: Feature Image (sha) | | 510 |
| css |
| Mastering SVG Arcs (sma) | | 509 |
| svg |
| How to Fix Storybook Screenshot Testing (not) | | 508 |
| how-tos, testing, screenshots, storybook, vitest |
| A Link on a Logo in the Header, What Should the Alt-Text Be? (ria/mat) | | 507 |
| accessibility, branding, links, logos, alt-text |
| Preloading Responsive Images (tre) | | 506 |
| html, hints, performance |
| Avoid Hotlinking Images With “Cross-Origin-Resource-Policy” | | 505 |
| security |
| Old Alt Text Advice (ste) | | 504 |
| accessibility, alt-text, html, microcontent, best-practices |
| Alt Text: Not Always Needed | | 503 |
| accessibility, alt-text, writing |
| Don’t Forget to Localize Your Icons (eri) | | 502 |
| localization, icons, culture |
| How to Identify Decorative Images and Boost Accessibility (a11) | | 501 |
| how-tos, decoration, accessibility, html, aria |
| The Image Compression Challenge (Donating Money for Excess-Free Projects) (j9t) | | 500 |
| compression, performance, tooling |
| Dynamic Social Share Images Using Cloudinary (sia) | | 499 |
| social-media, tooling |
| 10 Simple Ways to Make Your Social Media Posts Accessible | | 498 |
| accessibility, social-media, content, alt-text, captions, contrast |
| You Can Use “text-wrap: balance;” on Icons (ede) | | 497 |
| css, icons |
| How to Build an Image Search Application With OpenAI CLIP and PostgreSQL in JavaScript | | 496 |
| how-tos, search, ai, openai, postgresql, databases, javascript, functionality |
| Icon Usability: When and How to Evaluate Digital Icons | | 495 |
| how-tos, usability, icons |
| How to Use CSS and SVG Clipping and Masking Techniques (wpe) | | 494 |
| how-tos, css, svg, clipping, masking |
| “img sizes=auto” for Native Lazy Loading (ste) | | 493 |
| code-pens, html, lazy-loading, performance |
| Keeping Pixely Images Pixely (and Performant!) (chr/fro) | | 492 |
| css, effects |
| Building the Perfect Logo Strip (nil/9el) | | 491 |
| css, logos, techniques |
| SVG Coding Examples: Useful Recipes for Writing Vectors by Hand (sma) | | 490 |
| svg, examples |
| Supporting AVIF in Google Search (joh) | | 489 |
| google, search, avif, support |
| Harnessing Copilot and Other Gen-AI Tools to Increase Digital Accessibility Efficiency | | 488 |
| videos, ai, microsoft, tooling, accessibility, alt-text |
| Is Using “aria-label” to Add Alternative Text But No “alt” Attribute Still a WCAG Fail? | | 487 |
| discussions, accessibility, html, attributes, forms, labels, aria, alt-text |
| Mastering Typography in Logo Design (sma) | | 486 |
| typography, design, logos |
| Accessibility Specialists Warn Against Using AI for Alt Text | | 485 |
| accessibility, alt-text, ai |
| Writing Alt Text for a Scientific Figure | | 484 |
| accessibility, alt-text, writing, information-design |
| Good Intentions, Poor Context (tpg) | | 483 |
| accessibility, microcontent, buttons, links |
| Have It All: External, Styleable, and Scalable SVG (sco) | | 482 |
| svg, css |
| Designing Design Systems: Constructing an Icon System | | 481 |
| design, design-systems, icons, case-studies |
| “Practical SVG” Is Now Free to Read Online (chr) | | 480 |
| books, svg |
| Can AI Be Used to Write Good Descriptive Alt Text for Images in 2024? (the) | | 479 |
| accessibility, alt-text, ai |
| Alternative Text in Action | | 478 |
| accessibility, alt-text, writing, examples |
| Do Grayscale Images Take Less Space? | | 477 |
| colors, performance |
| The Little Things: Confusing Error Messages (brw) | | 476 |
| errors, developer-experience |
| Seamless Screenshot Testing for Compose With Screenshotbot | | 475 |
| screenshots, regressions, testing, tooling |
| How Top HR Agencies Build Trust Through Logo Designs | | 474 |
| design, logos, branding |
| Minimal SVG Favicon (sto) | | 473 |
| svg, favicons, minimalism |
| Ditch the Pixels: The Small and Vectorized Web (yor) | | 472 |
| html, svg |
| My Approach to Alt Text (aar) | | 471 |
| accessibility, processes, alt-text, link-lists |
| Alt Left (ste) | | 470 |
| accessibility, html, alt-text, anti-patterns |
| The Picture-Superiority Effect: Harness the Power of Visuals | | 469 |
| design, information-design |
| Taking Regular Screenshots of My Website | | 468 |
| screenshots, automation, playwright, github-actions |
| Images as the First Thing in a Button or Link (tem) | | 467 |
| accessibility, html, buttons, links |
| Write Alt Text Like You’re Talking to a Friend (spa/clo) | | 466 |
| accessibility, alt-text |
| Long Alt (aar) | | 465 |
| accessibility, alt-text, support, browsers, screen-readers |
| Sliding 3D Image Frames in CSS (css/sma) | | 464 |
| css, techniques |
| Faster Websites With the “picture” Element (fra) | | 463 |
| html, performance |
| How to Think About HTML Responsive Images (db) | | 462 |
| how-tos, html, responsive-design |
| Introducing Jpegli: A New JPEG Coding Library | | 461 |
| introductions, jpeg, libraries, compression |
| “aspect-ratio” Gotcha (css) | | 460 |
| css |
| How to Design Icons in Figma | | 459 |
| how-tos, icons, figma, design |
| Thoughts on Embedding Alternative Text Metadata Into Images (eri) | | 458 |
| accessibility, metadata |
| How to Invert the Colors Using CSS (ron) | | 457 |
| css, colors, filters |
| AVIF Is the Future of Web Images | | 456 |
| avif, performance, outlooks |
| The 88×31 Archive | | 455 |
| web, history |
| How to Make a Cursor Image Hover Effect With CSS and JS | | 454 |
| how-tos, css, javascript, cursors |
| Everything You Need to Know About Image Formats in 2024 (web) | | 453 |
| jpeg, png, gif, webp, avif, pdf, svg |
| Making Your SVG Icons CSS Masks Instead of Inline HTML or Backgrounds Has Some Benefits (chr/fro) | | 452 |
| svg, css, masking, performance |
| Dynamically Adding Text Alternatives to Images With AI (kar) | | 451 |
| automation, ai, accessibility, alt-text |
| How to Favicon in 2024: Six Files That Fit Most Needs (sit/evi) | | 450 |
| how-tos, favicons |
| Progressive JPEGs (PJPEG): The Key to Loading Images Faster on Your Website | | 449 |
| pjpeg, jpeg, performance, comparisons |
| The World’s Smallest PNG (eva) | | 448 |
| png, minimalism |
| AI Art Is the New Stock Image (ia) | | 447 |
| design, ai |
| Everything You Need to Know About Responsive Logo Design (web) | | 446 |
| design, branding, logos, responsive-design |
| Responsive SVGs (nil/5t3) | | 445 |
| svg, responsive-design |
| Practical “img” Element Defaults (zor/css) | | 444 |
| videos, css |
| Border Images in CSS: A Key Focus Area for Interop 2023 (dip/mdn) | | 443 |
| borders, css, browsers, web-platform, interoperability |
| AI for Web Devs: AI Image Generation (aus) | | 442 |
| ai, tooling, automation |
| “sizes=auto” Pretty Much Requires “width” and “height” Attributes (eee) | | 441 |
| html, attributes, maintainability |
| Create Dynamic Web Experiences With Interactive SVG Animations | | 440 |
| svg, animations, tooling |
| Text With Media Background: Practical Solutions | | 439 |
| microcontent, readability, accessibility |
| Stop Using AI-Generated Images (mic) | | 438 |
| ai |
| AVIF: Meet the Next Level Image File Format | | 437 |
| avif |
| Cloudinary: The “Dramatic” Story of JPEG XL Support So Far (jon/com) | | 436 |
| jpeg-xl, support, browsers |
| How to Write Good Alt Text for Screen Readers (cra) | | 435 |
| how-tos, accessibility, writing, alt-text, screen-readers |
| An Introduction to Working With SVGs in React | | 434 |
| introductions, svg, react |
| Some Sensible Defaults for Your “img” Elements (css) | | 433 |
| css |
| Images on the Web (ver) | | 432 |
| concepts, compression, jpeg, png, webp, avif, nextjs |
| Which Is the Best Image Format for Your Website? | | 431 |
| comparisons, jpeg, png, gif, webp, avif |
| The Ultimate Low-Quality Image Placeholder Technique (css) | | 430 |
| performance, web-vitals |
| How Mastodon Handles Images and Web Previews (rba) | | 429 |
| social-media, mastodon, open-graph, metadata, html |
| Stop Lazy Loading Product and Hero Images (gri/clo) | | 428 |
| performance, lazy-loading |
| How to Make Charts and Graphs More Accessible (pop) | | 427 |
| how-tos, information-design, accessibility |
| Let’s Make a Rubber Button With HTML, CSS, and SVG (tyl/clo) | | 426 |
| buttons, html, css, svg |
| How I Write Alt Text for Code Snippets on Social Media (ben) | | 425 |
| accessibility, alt-text, writing, social-media |
| What Is Alt Text and How to Write It (tpg) | | 424 |
| accessibility, alt-text, writing |
| Please Size Your Inline SVGs (aar) | | 423 |
| svg |
| An “alt” Decision Tree Using Only “:has()” (aar) | | 422 |
| accessibility, css, alt-text |
| Designing Accessible Text Over Images: Best Practices, Techniques, and Resources II (sma) | | 421 |
| accessibility, content, best-practices, techniques |
| Alt Text Hall of Fame (ste/alt) | | 420 |
| websites, accessibility, writing, alt-text |
| Responsive Images: DIY Implementation in 6 Steps | | 419 |
| html, responsive-design |
| Designing Accessible Text Over Images: Best Practices, Techniques, and Resources (sma) | | 418 |
| accessibility, content, best-practices, techniques |
| SVG Gradients: Solving Curved Challenges | | 417 |
| svg, gradients |
| Using Imagery in Visual Design | | 416 |
| design, content |
| How to Use CSS “object-fit” and “object-position” | | 415 |
| how-tos, css |
| JPEG XL: How It Started, How It’s Going | | 414 |
| compression, jpeg-xl |
| Shines, Perspective, and Rotations: Fancy CSS 3D Effects for Images (css/sma) | | 413 |
| css, effects |
| Creating SVG Animations Using Tailwind CSS | | 412 |
| svg, animations, tailwind |
| Displaying Your Full-Sized YouTube Thumbnail or a Custom OG Image in a Twitter Card (phi) | | 411 |
| youtube, twitter+x, open-graph, social-media, metadata |
| Understanding SVG Paths | | 410 |
| svg |
| What Does the Image “decoding” Attribute Actually Do? (tun) | | 409 |
| html, attributes, performance |
| How to Add a CSS Reveal Animation to Your Images (css) | | 408 |
| how-tos, css, animations |
| Is There a Viable Animated GIF Alternative Yet or What? (tyl/clo) | | 407 |
| gif |
| Deploying AVIF for More Responsive Websites (dev) | | 406 |
| avif, performance |
| Dithering (chr) | | 405 |
| dithering |
| The Image Sorting Experiment (uxd) | | 404 |
| information-design, sorting, experiments |
| A Designers Guide to the Principles of Web Design | | 403 |
| guides, design, principles, consistency, legibility, navigation, hierarchy, whitespace, usability |
| The Alt Text War—SEO vs. Accessibility | | 402 |
| accessibility, seo, writing, alt-text, comparisons |
| The Death of JPEG-XL | | 401 |
| jpeg-xl |
| What Makes a Good Screenshot? (llo/tpg) | | 400 |
| accessibility |
| Convert PNG to JPG Using FFmpeg (ama) | | 399 |
| png, jpeg, conversion, tooling |
| The Ultimate Guide to Image Optimisation (fox/cal) | | 398 |
| guides, performance, compression, optimization |
| Change Favicon on Switching Browser Tabs in JavaScript (ami) | | 397 |
| favicons, javascript |
| Are You Making These Five Mistakes When Writing Alt Text? | | 396 |
| accessibility, writing, alt-text, mistakes |
| Unlocking SVG’s Superpowers (btc) | | 395 |
| videos, svg |
| On Container Queries, Responsive Images, and JPEG-XL (gri/clo) | | 394 |
| css, container-queries, responsive-design, jpeg-xl |
| Dithering Images With React/JavaScript | | 393 |
| dithering, react, javascript |
| How to Style Your Alt Text (ede) | | 392 |
| how-tos, css, accessibility, alt-text |
| Using Focal Points, Aspect Ratio, and Object-Fit to Crop Images Correctly (hen) | | 391 |
| css |
| Building an Animated SVG Logo With animejs | | 390 |
| svg, logos, animations, vuejs |
| You Kinda Want an Orange Favicon (chr) | | 389 |
| favicons, browsers, theming |
| How to Favicon in 2023: Six Files That Fit Most Needs (sit/evi) | | 388 |
| how-tos, favicons |
| Learn Images (wil/dev) | | 387 |
| courses, svg, gif, png, jpeg, webp, avif |
| Easy SVG Customization and Animation: A Practical Guide (cod/sma) | | 386 |
| guides, svg, animations |
| Optimal Images in HTML (ste/bui) | | 385 |
| html, backgrounds, performance, optimization |
| The Modern Way of Serving Images (kur) | | 384 |
| html, performance |
| Creating a Custom Cursor Using CSS (css) | | 383 |
| cursors, css, svg |
| 6 Common SVG Fails (and How to Fix Them) (css) | | 382 |
| svg |
| Optimizing the Image Element LCP (sma) | | 381 |
| performance, web-vitals |
| Interactive SVG Reference | | 380 |
| svg |
| Advanced Usage Patterns for Taking Page Element Screenshots With Playwright (lir) | | 379 |
| screenshots, playwright, javascript |
| Stock Photos of People With Disabilities (den) | | 378 |
| accessibility, content |
| Website Accessibility (15 Best Practices) (bru) | | 377 |
| accessibility, best-practices, content, readability, captcha, alt-text, forms, focus, html, tooling |
| Mini-Guide to Add an Image (its/mat) | | 376 |
| html |
| CSS Infinite Slider Flipping Through Polaroid Images (css/css) | | 375 |
| sliders, css, effects |
| Enough With the Pointless Images (boa) | | 374 |
| design, decoration |
| Take Full-Size Screenshots of Websites Without Any Tools in Chrome (ami) | | 373 |
| browsers, google, chrome, screenshots |
| Reduce Image Sizes by Removing Metadata | | 372 |
| metadata, performance, optimization |
| CSS Infinite and Circular Rotating Image Slider (css/css) | | 371 |
| sliders, css, animations |
| Handling Images With Inconsistent Height in CSS (ami) | | 370 |
| css |
| What Image Format Should You Use in Your Next Project? (alv) | | 369 |
|
| A Guide to Image Optimization on Jamstack Sites (daw/sma) | | 368 |
| guides, compression, optimization, performance, tech-stacks, jamstack |
| 6 Steps to Improve HTML Images for Users and Developers (aus) | | 367 |
| html, performance, responsive-design |
| The Case for JPEG XL (jon) | | 366 |
| jpeg-xl, compression |
| Screenshotting VoiceOver on macOS (kil) | | 365 |
| tooling, screenshots, apple, unix-like, voiceover |
| Twitter Reminds Us About Alt Text, but How Good Are We at It? (uxd) | | 364 |
| accessibility, writing, alt-text, twitter+x |
| Google on Alt Text SEO and Accessibility (sea) | | 363 |
| google, seo, accessibility, writing, alt-text |
| What I Learned About SVG Accessibility (Among Other Things) From NBC News’ Senate “What If” Project | | 362 |
| accessibility, svg, lessons |
| SVG Sprites: Old-School, Modern, Unknown, and Forgotten (pep) | | 361 |
| svg, sprites, performance |
| How to Write Good Alt Text (cfe) | | 360 |
| how-tos, accessibility, writing, alt-text |
| How to Scale SVG (ame/css) | | 359 |
| how-tos, scaling, svg |
| GIFs Without the .gif: The Most Performant Image and Video Options Right Now (oll/css) | | 358 |
| performance, multimedia, gif, html |
| Media (htt) | | 357 |
| web-almanac, studies, research, metrics, multimedia |
| Justin Yarbrough Talks About Alt Text | | 356 |
| podcasts, accessibility, writing, alt-text |
| Converting PNG Images to WebP Using PHP (ami) | | 355 |
| conversion, png, webp, php |
| How Your Favourite UI Libraries Manage Their Icons (and) | | 354 |
| libraries, icons, maintenance |
| 8 Tricks for SVG Optimization (uxd) | | 353 |
| svg, tips-and-tricks, optimization |
| What Are Best Practices for Creating Alt Text? | | 352 |
| accessibility, writing, alt-text, best-practices |
| AI-Generated Images From AI-Generated Alt Text (aar) | | 351 |
| accessibility, writing, alt-text, ai |
| Vector Animations With Figma and SVG Animate (uxd) | | 350 |
| animations, figma, svg |
| Research Insight: Accessibility of Images (tet) | | 349 |
| accessibility, usability, research |
| Powerful Image Optimization Tools (lou/sma) | | 348 |
| link-lists, compression, performance, tooling |
| Can SVG Symbols Affect Web Performance? | | 347 |
| svg, performance |
| Best Practices for Images | | 346 |
| html, best-practices |
| Imagemin Guard (j9t) | | 345 |
| packages, npm, compression, performance, jpeg, png, gif, webp, avif |
| How to Serve WebP Images on nginx | | 344 |
| how-tos, webp, nginx, servers |
| Icon-Only Links Fail WCAG (tem) | | 343 |
| accessibility, links, wcag, icons, conformance |
| Writing Useful Alt Text (mic) | | 342 |
| accessibility, writing, alt-text |
| Just How Long Should Alt Text Be? (geo/css) | | 341 |
| accessibility, writing, alt-text |
| Magical SVG Techniques (sma) | | 340 |
| svg, techniques |
| Image Borders in CSS (ami) | | 339 |
| css, borders |
| How to Turn HTML Webpage Into an Image? | | 338 |
| how-tos, html, conversion |
| Alternative Text (Alt Text) (pop) | | 337 |
| accessibility, html, writing, alt-text |
| Picture Perfect Images With the Modern “<img>” Element (add) | | 336 |
| html, performance, web-vitals |
| Optimizing SVG Patterns to Their Smallest Size (css) | | 335 |
| svg, performance |
| 15 Useful Placeholder Tools for Designers and Developers | | 334 |
| tooling, content, placeholders, testing, link-lists |
| Favi-Gone: 6 Reasons Why Your Favicon Disappeared From the Google Search Results | | 333 |
| favicons, google, seo |
| There Is No Character Limit for “Alt Text” (yat) | | 332 |
| accessibility, html, alt-text |
| Never, Ever, Ever Use Pixelation for Redacting Text | | 331 |
| content, obfuscation, security |
| Building an Adaptive Favicon (arg/dev) | | 330 |
| favicons |
| How to Favicon in 2022: Six Files That Fit Most Needs (sit/evi) | | 329 |
| how-tos, favicons |
| Big Images, Blazingly Fast | | 328 |
| performance, quality |
| Optimize Your PNGs With Oxipng and pre-commit | | 327 |
| png, performance, compression, tooling |
| Create an Open Graph Image Generator With Node.js (log) | | 326 |
| nodejs, open-graph |
| Social Media Image Sizes 2022: Cheat Sheet for Every Network | | 325 |
| cheat-sheets, social-media |
| Alt Tag Emptiness (ste) | | 324 |
| accessibility, html, alt-text, aria |
| Responsive Image Gallery With Animated Captions (5t3) | | 323 |
| css, animations, responsive-design, examples |
| Image Magnifier Using Only One Line of CSS (ami) | | 322 |
| css |
| The Many Methods for Using SVG Icons (hui) | | 321 |
| css, svg, icons |
| Image Display Elements (5t3) | | 320 |
| html, responsive-design |
| Why Your Website Should Not Use Dithered Images | | 319 |
| dithering, compression, performance |
| We Analyzed 425,909 Favicons | | 318 |
| favicons |
| Beginner’s Guide to Responsive Images: How to Get Them Right (lou) | | 317 |
| guides, responsive-design, html |
| Using Modern Image Formats: AVIF and WebP (add/sma) | | 316 |
| avif, webp, jpeg, png, comparisons, performance, compression |
| Optimizing Images on the Web (clo) | | 315 |
| performance, cloudflare |
| Blowing Up HTML Size With Responsive Images (deb) | | 314 |
| html, performance, responsive-design |
| Fractional SVG Stars With CSS | | 313 |
| css, svg |
| 5 Steps for Writing Alt Text for Accessibility | | 312 |
| accessibility, writing, alt-text |
| One Favicon to Rule Them All (j9t) | | 311 |
| html, favicons |
| Decoding AVIF: Deep Dive With Cats and imgproxy (evi) | | 310 |
| avif, deep-dives |
| Exploring the CSS Paint API: Image Fragmentation Effect (css/css) | | 309 |
| css, apis, effects |
| Pixelart and the “image-rendering” Paradox | | 308 |
| css, art |
| Writing Great Alt Text: Emotion Matters (jaf) | | 307 |
| accessibility, writing, alt-text, user-experience |
| What to Know About AVIF on Cloudinary (sia) | | 306 |
| avif |
| Image Descriptions: A Human Technique That Robots Can’t Grasp (uxd) | | 305 |
| accessibility, alt-text |
| The Anatomy of a Web Page: 14 Basic Elements | | 304 |
| design-patterns, navigation, buttons, forms, multimedia, favicons, link-lists |
| Beyond Basic Alt Text—Charts, Maps, and Diagrams | | 303 |
| accessibility, alt-text, information-design |
| A Framework for Building Open Graph Images (git) | | 302 |
| open-graph |
| OMG, SVG Favicons FTW! | | 301 |
| html, favicons, svg |
| Your Image Is Probably Not Decorative (eri/sma) | | 300 |
| decoration, accessibility, alt-text |
| Adding Shadows to SVG Icons With CSS and SVG Filters (css) | | 299 |
| css, svg, icons, shadows, filters, effects |
| Serving Sharp Images to High Density Screens (jaf) | | 298 |
| performance |
| Half the Size of Images by Optimising for High Density Displays (jaf) | | 297 |
| html, performance |
| Using AVIF to Compress Images on Your Site (dev) | | 296 |
| performance, avif, compression |
| How to Build an Image Comparison Slider | | 295 |
| how-tos, sliders, react |
