Better Icon and Label Alignment sha )Sep 15, 2026 728 css , icons , labels , alignment The Case Against JPEG XL gia )Sep 13, 2026 727 jpeg-xl , metrics I Was Tired of Building 474 Separate Pages for Open Graph Images zac )Sep 9, 2026 726 open-graph , automation How to Test Image Quality Across Responsive Breakpoints Before You Ship Sep 1, 2026 725 how-tos , testing , quality , responsive-design , performance Background Image Refraction in CSS pre /fro )Aug 28, 2026 724 css , backgrounds , effects Intent to Ship: JPEG XL jaf /moz )Aug 24, 2026 723 jpeg-xl , firefox , browsers AI-Generated Images Can Perform as Well as Stock Photography nng )Aug 21, 2026 722 ai , user-experience Animating CSS “border-image” pre /css )Aug 10, 2026 721 css , borders , animations Something Nobody Told You About The Image Element (It Can Overflow) css /fro )Aug 3, 2026 720 html , overflow , css Why Tiny JPEGs Look Different in Chrome Aug 3, 2026 719 jpeg , chrome , browsers The Accessibility Paradox Jul 30, 2026 718 design , alt-text , accessibility Image to Text Jul 15, 2026 717 accessibility , ai , alt-text CSS Linked Parameters Module Level 1 tab +/w3c )Jul 14, 2026 716 css , svg I Thought AVIF Would Make Every Image Smaller—It Didn’t mal )Jul 13, 2026 715 avif , compression , webp Accessibility Is Resistance tin )Jul 13, 2026 714 accessibility , ai Which Copyleft Licence Is Suitable for an SVG? ede )Jun 20, 2026 713 svg , licensing I Stored a Website in a Favicon Jun 19, 2026 712 html , favicons , experiments Build SVG Charts for Web Applications With Code Examples Jun 17, 2026 711 svg , visualization , examples Image Optimization for Core Web Vitals in 2026: What Actually Moves the Needle Jun 13, 2026 710 optimization , performance , web-vitals , avif , webp , jpeg-xl , png Ending Responsive Images gri /clo )Jun 11, 2026 709 responsive-design , lazy-loading , hints What Are AVIF and WebP Compared? May 20, 2026 708 avif , webp , comparisons , support , metrics 4 Tiny Mistakes That Secretly Destroy App Performance May 14, 2026 707 performance , web-apps , mistakes , cors , code-splitting , dependencies , backgrounds Zoomable Image—Creating a Zoom Effect bar )May 13, 2026 706 zooming , effects , hugo , javascript , css How Alt Text Accessibility Supports Low-Vision Users May 8, 2026 705 accessibility , alt-text , wcag Do Graphs and Charts Need to Be Accessible? tem )Apr 29, 2026 704 accessibility , png , svg , aria , information-design The End of Responsive Images wil /pic )Apr 23, 2026 703 html , responsive-design AVIF vs. WebP vs. JPEG: The Ultimate Format Comparison Apr 20, 2026 702 avif , webp , jpeg , comparisons Logo Design Trends for 2026: What I’m Actually Seeing (and What Most Designers Are Missing) web )Apr 14, 2026 701 design , logos , typography , trends SVG Filters Guide: Getting Started With the Basics ana /fro )Apr 9, 2026 700 guides , fundamentals , svg , filters Why Some Images Look Brighter Than Your Screen Apr 4, 2026 699 colors Making Emojis and Icons Screen Reader Accessible pop )Apr 1, 2026 698 emoji , icons , accessibility , screen-readers , html Your Options for Preloading Images With JavaScript mac )Mar 30, 2026 697 preloading , javascript , techniques More Easy Light-Dark Mode Switching: “light-dark()” Is About to Support Images bra )Mar 19, 2026 696 css , functions , dark-mode SVG Favicons That Respect Theme Preference paw )Mar 14, 2026 695 svg , favicons , dark-mode Cascade Icons Mar 13, 2026 694 css , icons JPEG Compression sop )Mar 13, 2026 693 jpeg , compression Folded Corner With CSS kit )Mar 5, 2026 692 css , clipping Figcaptions Versus Alt Text tem )Feb 28, 2026 691 html , alt-text , accessibility , comparisons Put “aria-hidden=true” on Decorative SVGs mat )Feb 27, 2026 690 svg , aria , accessibility , attributes SVGs on the Web: Performance Comparison Based on How You Load Them nuc )Feb 24, 2026 689 svg , performance , comparisons Sprites on the Web jos )Feb 23, 2026 688 css , sprites , techniques Loading Smarter: SVG vs. Raster Loaders in Modern Web Design hol /css )Feb 23, 2026 687 svg , progress-indicators , performance How to Write Alt Text for News sta /the )Feb 5, 2026 686 how-tos , alt-text , accessibility Measuring SVG Rendering Time sto )Feb 5, 2026 685 svg , png , rendering , performance , web-vitals , metrics What Is JPEG XL: Do We Really Need Another Image Format? aar /deb )Feb 2, 2026 684 jpeg-xl , quality , performance , metrics How to Design Great Alt Text: An Introduction deq )Jan 28, 2026 683 how-tos , introductions , alt-text , accessibility How to Favicon in 2026: Three Files That Fit Most Needs sit /evi )Jan 21, 2026 682 how-tos , favicons Accessibility bog +/htt )Jan 15, 2026 681 web-almanac , studies , research , metrics , accessibility , colors , contrast , zooming , scaling , internationalization , keyboard-navigation , skip-links , forms , labels , placeholders , multimedia , aria , overlays , ai 3 Color Contrast Mistakes Designers Still Make Dec 17, 2025 680 contrast , colors , wcag , accessibility , mistakes Non-Blocking Cross-Browser Image Rendering on the Canvas mys /per )Dec 5, 2025 679 canvas , javascript , performance Non-Square Image Blur Extensions ana /fro )Dec 1, 2025 678 css , effects The Idiot Sandwich—on Embedding Alt Text ede )Nov 27, 2025 677 alt-text , accessibility How to Create an Adaptive SVG Favicon Using the “prefers-color-scheme” Media Query zor /css )Nov 27, 2025 676 videos , how-tos , favicons , svg , css How to Create 3D Images in CSS With the Layered Pattern sun /fro )Nov 20, 2025 675 how-tos , 3d , css , transforms AVIF vs. JPEG vs. WebP vs. PNG Nov 11, 2025 674 avif , jpeg , webp , png , comparisons 100, 150, or 200? Debunking the Alt Text Character Limit Nov 6, 2025 673 alt-text , accessibility , link-lists “pathLength” Makes Makes SVG Path Animations Easier to Manage ste )Nov 3, 2025 672 svg , animations AI and Alt Text ted +/web )Oct 31, 2025 671 videos , ai , alt-text , accessibility Alt Text or Image Description? Oct 27, 2025 670 accessibility , alt-text , comparisons , terminology Why Do We Need Dithering? Oct 27, 2025 669 dithering The Present and Potential Future of Progressive Image Rendering jaf )Oct 15, 2025 668 jpeg , png , webp , avif , jpeg-xl , pjpeg , comparisons , outlooks Inset Shadows Directly on “img” Elements ana /fro )Oct 1, 2025 667 svg , css , shadows Accessibility Minute—September 2025 col )Sep 23, 2025 666 accessibility , alt-text , captions , comparisons Replace Your Animated GIFs With SVGs fro )Sep 15, 2025 665 gif , svg , animations , css Your Images Are (Probably) Oversized Sep 5, 2025 664 html , pixel-density Liquid Glass in the Browser: Refraction With CSS and SVG Sep 4, 2025 663 effects , liquid-glass , css , svg Anatomy of Good Icons nng )Sep 1, 2025 662 videos , icons , design Added Support for WebP Images Aug 28, 2025 661 webp , github Testing Methods: Images of Text dec )Aug 19, 2025 660 accessibility , testing , wcag Icon Interpretation vs. Recognizability Aug 18, 2025 659 videos , icons , usability How to Build a Cohesive Icon Library for Your Design System Jul 29, 2025 658 how-tos , design-systems , icons Implementing Accessible SVG Elements a11 )Jul 24, 2025 657 accessibility , svg , fundamentals A Friendly Introduction to SVG jos )Jul 21, 2025 656 introductions , svg A Simple Website Jul 1, 2025 655 websites , history , layout , animations , tables , javascript , ajax , flash , deploying , simplicity Accessible Social Media: Alt Text Jun 28, 2025 654 accessibility , social-media , alt-text How Long Can Alt-Text Be? jup )Jun 28, 2025 653 accessibility , alt-text Stop Using Hero Images! They’re Killing Your UX web )Jun 27, 2025 652 design , user-experience Implement WCAG Rules in Your Infographics a11 )Jun 26, 2025 651 accessibility , wcag , visualization , design , alt-text , contrast , colors SVG Optimization and Accessibility Basics dbu )Jun 25, 2025 650 fundamentals , svg , optimization , accessibility Writing Alt Text With AI jar )Jun 25, 2025 649 ai , prompting , alt-text , accessibility PNG Is Back pro )Jun 24, 2025 648 png Portable Network Graphics (PNG) Specification (Third Edition) pro +/w3c )Jun 24, 2025 647 standards , png Why JPEGs Still Rule the Web ern /iee )Jun 17, 2025 646 jpeg , history Having “figure” Match Width of Contained Image jef )Jun 13, 2025 645 html , css Social Media and Ad Specs Cheat Sheet ron )Jun 13, 2025 644 websites , cheat-sheets , social-media , monetization You Can Style Alt Text Like Any Other Text geo /css )May 22, 2025 643 alt-text , accessibility , css , javascript Finding the Joy in Alt Text bry )May 13, 2025 642 alt-text , accessibility How I Built Dynamic Social Media Images in Eleventy Using Cloudinary chi )May 12, 2025 641 eleventy , social-media , tooling , cloudinary Revisiting Image Maps mal /css )Apr 30, 2025 640 image-maps , html , techniques The Problem(s) With Image Accessibility Apr 23, 2025 639 accessibility , alt-text , html Image Alt Text Guide: How to Write and Add Image Alt Text Reference Apr 16, 2025 638 guides , accessibility , user-experience , seo , alt-text , shopify A11y 101: 1.4.5 Images of Text nat )Apr 14, 2025 637 introductions , accessibility , wcag , alt-text Background Image Opacity in CSS jim )Apr 8, 2025 636 css , backgrounds , transparency+opacity The Importance of Alt Text for Images Apr 3, 2025 635 alt-text , accessibility , dei , compliance , legal , seo , user-experience A Guide to Alt Text Across Popular Tools pop )Apr 2, 2025 634 guides , alt-text , accessibility , tooling How Does Chrome Prioritize Image Requests? deb )Mar 31, 2025 633 chrome , browsers , performance Minimal CSS-Only Blurry Image Placeholders kal )Mar 30, 2025 632 placeholders , backgrounds , css , techniques Create an HTML Dialog When You Click an Image cas )Mar 21, 2025 631 html , modals Revisiting CSS “border-image” mal /css )Mar 21, 2025 630 css , borders , data-urls Quick Accessibility Wins That Are Easy to Implement kev )Mar 19, 2025 629 videos , accessibility , html , semantics , alt-text , contrast , colors , keyboard-navigation , focus , skip-links Generate Growing Images Using Gemini API Mar 19, 2025 628 ai , gemini , apis Maintaining Screenshot Quality and Color Profile in Figma max )Mar 16, 2025 627 figma , screenshots , quality , colors Super Crispy SVG Icons ale )Mar 5, 2025 626 svg , icons , optimization Image Comparison Slider in 6 Lines of JavaScript Mar 2, 2025 625 sliders , javascript @11ty/image-color zac )Feb 25, 2025 624 packages , npm , colors Trusting AI With My Images Wasn’t Easy dri )Feb 24, 2025 623 ai , alt-text , accessibility , automation , tooling In Defense of Text Labels chr )Feb 22, 2025 622 labels , icons , usability , design Common Accessibility Challenges When Navigating Tables Feb 14, 2025 621 accessibility , tables , keyboard-navigation How to Improve Webpage Speed: Tips and Best Practices Feb 12, 2025 620 how-tos , performance , optimization , tips-and-tricks , best-practices , redirecting , fonts , testing , tooling , webpagetest Optimizing Images for Web Performance tod /fro )Feb 10, 2025 619 performance , optimization , jpeg , png , webp , avif , html , caching GitHub Copilot Brings Mockups to Life by Generating Code From Images web )Feb 6, 2025 618 github-copilot , ai , design How to Favicon in 2025: Three Files That Fit Most Needs sit /evi )Feb 4, 2025 617 how-tos , favicons Alt Text Accessibility: Balancing AI and Human Oversight tec +/equ )Feb 4, 2025 616 podcasts , accessibility , multimedia , alt-text , ai , quality How to Gif (2025 Edition) oll )Feb 4, 2025 615 how-tos , multimedia , gif , png , webp , avif , jpeg-xl 10 Digital Accessibility Mistakes to Avoid Feb 4, 2025 614 accessibility , mistakes , alt-text , contrast , colors , keyboard-navigation , aria , semantics , headings , labels , forms , pop-ups , testing Generating Image Descriptions and Alt-Text With AI dri )Feb 3, 2025 613 alt-text , accessibility , ai , quality Page Bloat Update: How Does Ever-Increasing Page Size Affect Your Business and Your Users? tam /spe )Jan 28, 2025 612 performance , trends , metrics , javascript , desktop , mobile Using SVGs on Canvas With Compose Multiplatform eev )Jan 15, 2025 611 canvas , svg , javascript How to Fix Washed Out Colors in Google Chrome Screenshots for Clear and Accurate Images Jan 10, 2025 610 how-tos , screenshots , colors , chrome , google , browsers Remove the “direction” Property on Your Arrow Icons ali )Jan 8, 2025 609 icons , microcontent Quick Note: Limit Use of “Logo” in Alt Text nat )Jan 6, 2025 608 accessibility , logos , alt-text , microcontent Media ste +/htt )Dec 29, 2024 607 web-almanac , studies , research , metrics , multimedia , html Misleading Icons: Icon-Only-Buttons and Their Impact on Screen Readers ale /mat )Dec 27, 2024 606 html , buttons , icons , accessibility , screen-readers Designer Problems: “Make the Logo Bigger!” web )Dec 11, 2024 605 design , logos Solved by Modern CSS: Feature Image sha )Dec 10, 2024 604 css Mastering SVG Arcs sma )Dec 9, 2024 603 svg How to Fix Storybook Screenshot Testing not )Dec 4, 2024 602 how-tos , testing , screenshots , storybook , vitest A Link on a Logo in the Header, What Should the Alt-Text Be? ria /mat )Dec 1, 2024 601 accessibility , branding , links , logos , alt-text Preloading Responsive Images tre )Nov 28, 2024 600 html , hints , performance , preloading Avoid Hotlinking Images With “Cross-Origin-Resource-Policy” Nov 27, 2024 599 security Old Alt Text Advice ste )Nov 23, 2024 598 accessibility , alt-text , html , microcontent , best-practices Alt Text: Not Always Needed nng )Nov 15, 2024 597 accessibility , alt-text , writing Don’t Forget to Localize Your Icons eri )Nov 11, 2024 596 localization , icons , culture How to Identify Decorative Images and Boost Accessibility a11 )Nov 7, 2024 595 how-tos , decoration , accessibility , html , aria Advanced Image Formats and When to Use Them: WebP, AVIF, HEIC, and JPEG XL Nov 6, 2024 594 webp , avif , jpeg-xl , comparisons The Image Compression Challenge (Donating Money for Excess-Free Projects) j9t )Oct 30, 2024 593 compression , performance , tooling Dynamic Social Share Images Using Cloudinary sia )Oct 24, 2024 592 social-media , tooling , cloudinary 10 Simple Ways to Make Your Social Media Posts Accessible Oct 21, 2024 591 accessibility , social-media , content , alt-text , captions , contrast You Can Use “text-wrap: balance;” on Icons ede )Oct 20, 2024 590 css , icons How to Build an Image Search Application With OpenAI CLIP and PostgreSQL in JavaScript Oct 17, 2024 589 how-tos , search , ai , openai , postgresql , databases , javascript , functionality AVIF vs. HEIC: Which Format Is Better? Oct 10, 2024 588 avif , comparisons Icon Usability: When and How to Evaluate Digital Icons nng )Oct 4, 2024 587 how-tos , usability , icons How to Use CSS and SVG Clipping and Masking Techniques wpe )Oct 2, 2024 586 how-tos , css , svg , clipping , masking “img sizes=auto” for Native Lazy Loading ste )Sep 27, 2024 585 code-pens , html , lazy-loading , performance Building the Perfect Logo Strip nil /9el )Sep 23, 2024 584 css , logos , techniques Keeping Pixely Images Pixely (and Performant!) chr /fro )Sep 23, 2024 583 css , effects SVG Coding Examples: Useful Recipes for Writing Vectors by Hand sma )Sep 18, 2024 582 svg , examples Supporting AVIF in Google Search joh )Aug 30, 2024 581 google , search , avif , support Harnessing Copilot and Other Gen-AI Tools to Increase Digital Accessibility Efficiency vle )Aug 29, 2024 580 videos , ai , microsoft , tooling , accessibility , alt-text Is Using “aria-label” to Add Alternative Text but No “alt” Attribute Still a WCAG Fail? Aug 23, 2024 579 discussions , accessibility , html , attributes , forms , labels , aria , alt-text Mastering Typography in Logo Design sma )Aug 22, 2024 578 typography , design , logos Accessibility Specialists Warn Against Using AI for Alt Text Aug 19, 2024 577 accessibility , alt-text , ai Writing Alt Text for a Scientific Figure Aug 15, 2024 576 accessibility , alt-text , writing , information-design Good Intentions, Poor Context tpg )Aug 8, 2024 575 accessibility , microcontent , buttons , links Have It All: External, Styleable, and Scalable SVG sco )Jul 29, 2024 574 svg , css Designing Design Systems: Constructing an Icon System ado )Jul 24, 2024 573 design , design-systems , icons , case-studies “Practical SVG” Is Now Free to Read Online chr )Jul 22, 2024 572 books , svg Can AI Be Used to Write Good Descriptive Alt Text for Images in 2024? the )Jul 18, 2024 571 accessibility , alt-text , ai Alternative Text in Action Jul 17, 2024 570 accessibility , alt-text , writing , examples Do Grayscale Images Take Less Space? Jun 30, 2024 569 colors , performance The Little Things: Confusing Error Messages brw )Jun 26, 2024 568 errors , developer-experience Seamless Screenshot Testing for Compose With Screenshotbot Jun 20, 2024 567 screenshots , regressions , testing , tooling How Top HR Agencies Build Trust Through Logo Designs Jun 18, 2024 566 design , logos , branding Minimal SVG Favicon sto )Jun 15, 2024 565 svg , favicons , minimalism Ditch the Pixels: The Small and Vectorized Web yor )Jun 6, 2024 564 html , svg My Approach to Alt Text aar )May 28, 2024 563 accessibility , processes , alt-text , link-lists Alt Left ste )May 27, 2024 562 accessibility , html , alt-text , anti-patterns The Picture-Superiority Effect: Harness the Power of Visuals nng )Apr 26, 2024 561 design , information-design Images as the First Thing in a Button or Link tem )Apr 23, 2024 560 accessibility , html , buttons , links Taking Regular Screenshots of My Website Apr 23, 2024 559 screenshots , automation , playwright , github-actions Write Alt Text Like You’re Talking to a Friend spa /clo )Apr 22, 2024 558 accessibility , alt-text Long Alt aar )Apr 20, 2024 557 accessibility , alt-text , support , browsers , screen-readers Why We Are Still Using 88×31 Buttons Apr 16, 2024 556 history , design Sliding 3D Image Frames in CSS css /sma )Apr 12, 2024 555 css , techniques , 3d Faster Websites With the “picture” Element fra )Apr 7, 2024 554 html , performance How to Think About HTML Responsive Images db )Apr 6, 2024 553 how-tos , html , responsive-design “aspect-ratio” Gotcha css )Apr 3, 2024 552 css , aspect-ratio Introducing Jpegli: A New JPEG Coding Library Apr 3, 2024 551 introductions , jpeg , libraries , compression How to Design Icons in Figma Mar 13, 2024 550 how-tos , icons , figma , design Thoughts on Embedding Alternative Text Metadata Into Images eri )Mar 12, 2024 549 accessibility , metadata How to Invert the Colors Using CSS ron )Mar 9, 2024 548 css , colors , filters AVIF Is the Future of Web Images Mar 7, 2024 547 avif , performance , outlooks The 88×31 Archive Mar 4, 2024 546 web , history How to Make a Cursor Image Hover Effect With CSS and JS Feb 20, 2024 545 how-tos , css , javascript , cursors , hover Everything You Need to Know About Image Formats in 2024 web )Feb 9, 2024 544 jpeg , png , gif , webp , avif , pdf , svg Making Your SVG Icons CSS Masks Instead of Inline HTML or Backgrounds Has Some Benefits chr /fro )Feb 2, 2024 543 svg , css , masking , performance Dynamically Adding Text Alternatives to Images With AI kar )Feb 1, 2024 542 automation , ai , accessibility , alt-text How to Favicon in 2024: Six Files That Fit Most Needs sit /evi )Jan 29, 2024 541 how-tos , favicons Progressive JPEGs (PJPEG): The Key to Loading Images Faster on Your Website Jan 22, 2024 540 pjpeg , jpeg , performance , comparisons The World’s Smallest PNG eva )Jan 21, 2024 539 png , minimalism AI Art Is the New Stock Image ia )Jan 17, 2024 538 design , ai Everything You Need to Know About Responsive Logo Design web )Dec 27, 2023 537 design , branding , logos , responsive-design Responsive SVGs nil /5t3 )Dec 23, 2023 536 svg , responsive-design Border Images in CSS: A Key Focus Area for Interop 2023 dip /mdn )Dec 19, 2023 535 borders , css , browsers , web-platform , interoperability Practical “img” Element Defaults zor /css )Dec 19, 2023 534 videos , css AI for Web Devs: AI Image Generation aus )Dec 18, 2023 533 ai , tooling , automation “sizes=auto” Pretty Much Requires “width” and “height” Attributes eee )Dec 5, 2023 532 html , attributes , maintainability Create Dynamic Web Experiences With Interactive SVG Animations Dec 1, 2023 531 svg , animations , tooling Text With Media Background: Practical Solutions Nov 13, 2023 530 microcontent , readability , accessibility Stop Using AI-Generated Images mic )Nov 11, 2023 529 ai AVIF: Meet the Next Level Image File Format Nov 8, 2023 528 avif Cloudinary: The “Dramatic” Story of JPEG XL Support So Far jon /com )Nov 7, 2023 527 jpeg-xl , support , browsers How to Write Good Alt Text for Screen Readers cra )Nov 2, 2023 526 how-tos , accessibility , writing , alt-text , screen-readers An Introduction to Working With SVGs in React Oct 28, 2023 525 introductions , svg , react Some Sensible Defaults for Your “img” Elements css )Oct 27, 2023 524 css Images on the Web Oct 10, 2023 523 concepts , compression , jpeg , png , webp , avif , nextjs Which Is the Best Image Format for Your Website? Oct 6, 2023 522 comparisons , jpeg , png , gif , webp , avif The Ultimate Low-Quality Image Placeholder Technique css )Sep 28, 2023 521 performance , web-vitals How Mastodon Handles Images and Web Previews rba )Sep 25, 2023 520 social-media , mastodon , open-graph , metadata , html Stop Lazy Loading Product and Hero Images gri /clo )Sep 12, 2023 519 performance , lazy-loading How to Make Charts and Graphs More Accessible pop )Aug 31, 2023 518 how-tos , information-design , accessibility Let’s Make a Rubber Button With HTML, CSS, and SVG tyl /clo )Aug 30, 2023 517 buttons , html , css , svg How I Write Alt Text for Code Snippets on Social Media ben )Aug 28, 2023 516 accessibility , alt-text , writing , social-media What Is Alt Text and How to Write It tpg )Aug 24, 2023 515 accessibility , alt-text , writing Please Size Your Inline SVGs aar )Aug 21, 2023 514 svg An “alt” Decision Tree Using Only “:has()” aar )Aug 13, 2023 513 accessibility , css , alt-text Designing Accessible Text Over Images: Best Practices, Techniques, and Resources II sma )Aug 11, 2023 512 accessibility , content , best-practices , techniques Alt Text Hall of Fame ste /alt )Aug 7, 2023 511 websites , accessibility , writing , alt-text Responsive Images: DIY Implementation in 6 Steps Aug 6, 2023 510 html , responsive-design Designing Accessible Text Over Images: Best Practices, Techniques, and Resources sma )Aug 4, 2023 509 accessibility , content , best-practices , techniques SVG Gradients: Solving Curved Challenges Jul 24, 2023 508 svg , gradients Using Imagery in Visual Design nng )Jul 23, 2023 507 design , content How to Use CSS “object-fit” and “object-position” ral )Jul 20, 2023 506 how-tos , css JPEG XL: How It Started, How It’s Going jon )Jul 12, 2023 505 compression , jpeg-xl Shines, Perspective, and Rotations: Fancy CSS 3D Effects for Images css /sma )Jul 7, 2023 504 css , effects Displaying Your Full-Sized YouTube Thumbnail or a Custom OG Image in a Twitter Card phi )Jul 5, 2023 503 youtube , twitter+x , open-graph , social-media , metadata Creating SVG Animations Using Tailwind CSS Jul 5, 2023 502 svg , animations , tailwind Understanding SVG Paths Jul 3, 2023 501 svg What Does the Image “decoding” Attribute Actually Do? tun )Jun 26, 2023 500 html , attributes , performance How to Add a CSS Reveal Animation to Your Images css )Jun 15, 2023 499 how-tos , css , animations Is There a Viable Animated GIF Alternative Yet or What? tyl /clo )May 31, 2023 498 gif Deploying AVIF for More Responsive Websites May 24, 2023 497 avif , performance Dithering chr )May 8, 2023 496 dithering The Image Sorting Experiment May 6, 2023 495 information-design , sorting , experiments A Designers Guide to the Principles of Web Design Apr 11, 2023 494 guides , design , principles , consistency , legibility , navigation , hierarchy , whitespace , usability The Alt Text War—SEO vs. Accessibility Apr 5, 2023 493 accessibility , seo , writing , alt-text , comparisons The Death of JPEG-XL Apr 5, 2023 492 jpeg-xl What Makes a Good Screenshot? llo /tpg )Apr 4, 2023 491 accessibility Convert PNG to JPG Using FFmpeg ama )Apr 1, 2023 490 png , jpeg , conversion , tooling The Ultimate Guide to Image Optimisation fox /cal )Mar 23, 2023 489 guides , performance , compression , optimization Change Favicon on Switching Browser Tabs in JavaScript ami )Mar 7, 2023 488 favicons , javascript Are You Making These Five Mistakes When Writing Alt Text? Mar 2, 2023 487 accessibility , writing , alt-text , mistakes Unlocking SVG’s Superpowers cas /btc )Mar 1, 2023 486 videos , svg On Container Queries, Responsive Images, and JPEG-XL gri /clo )Feb 27, 2023 485 css , container-queries , responsive-design , jpeg-xl Dithering Images With React/JavaScript Feb 26, 2023 484 dithering , react , javascript How to Style Your Alt Text ede )Feb 25, 2023 483 how-tos , css , accessibility , alt-text Using Focal Points, Aspect Ratio, and Object-Fit to Crop Images Correctly hen )Feb 20, 2023 482 css , aspect-ratio Building an Animated SVG Logo With animejs Feb 16, 2023 481 svg , logos , animations , vuejs You Kinda Want an Orange Favicon chr )Feb 10, 2023 480 favicons , browsers , theming How to Favicon in 2023: Six Files That Fit Most Needs sit /evi )Feb 6, 2023 479 how-tos , favicons Learn Images wil )Feb 1, 2023 478 courses , svg , gif , png , jpeg , webp , avif Easy SVG Customization and Animation: A Practical Guide cod /sma )Jan 30, 2023 477 guides , svg , animations Optimal Images in HTML ste /bui )Jan 26, 2023 476 html , backgrounds , performance , optimization The Modern Way of Serving Images kur )Jan 25, 2023 475 html , performance Creating a Custom Cursor Using CSS css )Jan 24, 2023 474 cursors , css , svg Easy Dynamic Social Sharing Image With Eleventy Jan 23, 2023 473 eleventy , social-media , tooling 6 Common SVG Fails (and How to Fix Them) css )Jan 17, 2023 472 svg Optimizing the Image Element LCP sma )Jan 16, 2023 471 performance , web-vitals Advanced Usage Patterns for Taking Page Element Screenshots With Playwright Jan 15, 2023 470 screenshots , playwright , javascript Interactive SVG Reference Jan 15, 2023 469 svg Stock Photos of People With Disabilities den )Jan 7, 2023 468 accessibility , content Compress an Image Before Upload With JavaScript rik )Jan 1, 2023 467 javascript , file-handling , compression Website Accessibility (15 Best Practices) bru )Dec 27, 2022 466 accessibility , best-practices , content , readability , captcha , alt-text , forms , focus , html , tooling Mini-Guide to Add an Image its /mat )Dec 18, 2022 465 html CSS Infinite Slider Flipping Through Polaroid Images css /css )Dec 9, 2022 464 sliders , css , effects Enough With the Pointless Images boa )Dec 8, 2022 463 design , decoration Take Full-Size Screenshots of Websites Without Any Tools in Chrome ami )Dec 6, 2022 462 browsers , chrome , screenshots Reduce Image Sizes by Removing Metadata per )Dec 5, 2022 461 metadata , performance , optimization CSS Infinite and Circular Rotating Image Slider css /css )Dec 2, 2022 460 sliders , css , animations Handling Images With Inconsistent Height in CSS ami )Nov 30, 2022 459 css What Image Format Should You Use in Your Next Project? alv )Nov 22, 2022 458 A Guide to Image Optimization on Jamstack Sites daw /sma )Nov 17, 2022 457 guides , compression , optimization , performance , tech-stacks , jamstack 6 Steps to Improve HTML Images for Users and Developers aus )Nov 4, 2022 456 html , performance , responsive-design The Case for JPEG XL jon )Nov 2, 2022 455 jpeg-xl , compression Screenshotting VoiceOver on macOS kil )Oct 31, 2022 454 tooling , screenshots , unix-like , voiceover , screen-readers , accessibility Twitter Reminds Us About Alt Text, but How Good Are We at It? Oct 22, 2022 453 accessibility , writing , alt-text , twitter+x Google on Alt Text SEO and Accessibility joh +/sea )Oct 17, 2022 452 google , seo , accessibility , writing , alt-text What I Learned About SVG Accessibility (Among Other Things) From NBC News’ Senate “What If” Project Oct 13, 2022 451 accessibility , svg , lessons How to Write Good Alt Text cfe )Oct 10, 2022 450 how-tos , accessibility , writing , alt-text SVG Sprites: Old-School, Modern, Unknown, and Forgotten pep )Oct 10, 2022 449 svg , sprites , performance How to Scale SVG ame /css )Sep 30, 2022 448 how-tos , scaling , svg GIFs Without the .gif: The Most Performant Image and Video Options Right Now oll /css )Sep 28, 2022 447 performance , multimedia , gif , html Media htt )Sep 26, 2022 446 web-almanac , studies , research , metrics , multimedia Justin Yarbrough Talks About Alt Text Sep 12, 2022 445 podcasts , accessibility , writing , alt-text Converting PNG Images to WebP Using PHP ami )Sep 10, 2022 444 conversion , png , webp , php How Your Favourite UI Libraries Manage Their Icons and )Sep 7, 2022 443 libraries , icons , maintenance 8 Tricks for SVG Optimization Aug 23, 2022 442 svg , tips-and-tricks , optimization Screenshots Are Not Documentation Aug 21, 2022 441 documentation , screenshots AI-Generated Images From AI-Generated Alt Text aar )Aug 4, 2022 440 accessibility , writing , alt-text , ai What Are Best Practices for Creating Alt Text? Aug 4, 2022 439 accessibility , writing , alt-text , best-practices Upload An Image With Node.js rik )Aug 2, 2022 438 nodejs , file-handling Research Insight: Accessibility of Images ihe /tet )Jul 21, 2022 437 accessibility , usability , research Vector Animations With Figma and SVG Animate Jul 21, 2022 436 animations , figma , svg Powerful Image Optimization Tools lou /sma )Jul 20, 2022 435 link-lists , compression , performance , tooling Can SVG Symbols Affect Web Performance? Jul 17, 2022 434 svg , performance Best Practices for Images nuc )Jul 1, 2022 433 html , best-practices How to Serve WebP Images on nginx Jun 27, 2022 432 how-tos , webp , nginx , servers Image Guard j9t )Jun 27, 2022 431 packages , npm , compression , performance , jpeg , png , gif , webp , avif Icon-Only Links Fail WCAG tem )Jun 20, 2022 430 accessibility , links , wcag , icons , conformance Writing Useful Alt Text mic )May 30, 2022 429 accessibility , writing , alt-text Just How Long Should Alt Text Be? geo /css )May 27, 2022 428 accessibility , writing , alt-text Magical SVG Techniques sma )May 10, 2022 427 svg , techniques How to Upload an Image With PHP rik )May 9, 2022 426 how-tos , php , file-handling Image Borders in CSS ami )Apr 11, 2022 425 css , borders How to Turn HTML Webpage Into an Image? Apr 10, 2022 424 how-tos , html , conversion Alternative Text (Alt Text) pop )Apr 5, 2022 423 accessibility , html , writing , alt-text Picture Perfect Images With the Modern “<img>” Element add )Mar 28, 2022 422 html , performance , web-vitals Optimizing SVG Patterns to Their Smallest Size css )Mar 18, 2022 421 svg , performance 15 Useful Placeholder Tools for Designers and Developers Feb 22, 2022 420 tooling , content , placeholders , testing , link-lists Favi-Gone: 6 Reasons Why Your Favicon Disappeared From the Google Search Results Feb 22, 2022 419 favicons , google , seo There Is No Character Limit for “Alt Text” yat )Feb 19, 2022 418 accessibility , html , alt-text Never, Ever, Ever Use Pixelation for Redacting Text Feb 15, 2022 417 content , obfuscation , security Building an Adaptive Favicon arg )Feb 9, 2022 416 favicons How to Favicon in 2022: Six Files That Fit Most Needs sit /evi )Feb 7, 2022 415 how-tos , favicons Optimize Your PNGs With Oxipng and pre-commit ada )Jan 20, 2022 414 png , performance , compression , tooling Big Images, Blazingly Fast Jan 20, 2022 413 performance , quality Create an Open Graph Image Generator With Node.js log )Jan 19, 2022 412 nodejs , open-graph Social Media Image Sizes 2022: Cheat Sheet for Every Network Jan 11, 2022 411 cheat-sheets , social-media Alt Tag Emptiness ste )Jan 10, 2022 410 accessibility , html , alt-text , aria Responsive Image Gallery With Animated Captions 5t3 )Jan 3, 2022 409 css , animations , responsive-design , examples Image Magnifier Using Only One Line of CSS ami )Dec 31, 2021 408 css The Many Methods for Using SVG Icons hui )Dec 23, 2021 407 css , svg , icons Image Display Elements 5t3 )Dec 20, 2021 406 html , responsive-design Why Your Website Should Not Use Dithered Images Nov 12, 2021 405 dithering , compression , performance We Analyzed 425,909 Favicons Oct 20, 2021 404 favicons Beginner’s Guide to Responsive Images: How to Get Them Right lou )Oct 15, 2021 403 guides , responsive-design , html Using Modern Image Formats: AVIF and WebP add /sma )Sep 29, 2021 402 avif , webp , jpeg , png , comparisons , performance , compression Optimizing Images on the Web Sep 15, 2021 401 performance , cloudflare Blowing Up HTML Size With Responsive Images deb )Sep 8, 2021 400 html , performance , responsive-design 5 Steps for Writing Alt Text for Accessibility Sep 7, 2021 399 accessibility , writing , alt-text Fractional SVG Stars With CSS Sep 7, 2021 398 css , svg One Favicon to Rule Them All j9t )Aug 18, 2021 397 html , favicons Decoding AVIF: Deep Dive With Cats and imgproxy evi )Aug 13, 2021 396 avif , deep-dives Exploring the CSS Paint API: Image Fragmentation Effect css /css )Aug 9, 2021 395 css , apis , effects Pixelart and the “image-rendering” Paradox Aug 7, 2021 394 css , art Writing Great Alt Text: Emotion Matters jaf )Aug 4, 2021 393 accessibility , writing , alt-text , user-experience What to Know About AVIF on Cloudinary sia )Jul 21, 2021 392 avif , cloudinary Image Descriptions: A Human Technique That Robots Can’t Grasp Jul 11, 2021 391 accessibility , alt-text The Anatomy of a Web Page: 14 Basic Elements Jul 6, 2021 390 design-patterns , navigation , buttons , forms , multimedia , favicons , link-lists Beyond Basic Alt Text—Charts, Maps, and Diagrams Jun 23, 2021 389 accessibility , alt-text , information-design A Framework for Building Open Graph Images Jun 22, 2021 388 open-graph Your Image Is Probably Not Decorative eri /sma )Jun 17, 2021 387 decoration , accessibility , alt-text OMG, SVG Favicons FTW! Jun 17, 2021 386 html , favicons , svg Half the Size of Images by Optimising for High Density Displays jaf )Jun 11, 2021 385 html , performance Serving Sharp Images to High Density Screens jaf )Jun 11, 2021 384 performance Adding Shadows to SVG Icons With CSS and SVG Filters css )Jun 11, 2021 383 css , svg , icons , shadows , filters , effects Using AVIF to Compress Images on Your Site Jun 7, 2021 382 performance , avif , compression How to Build an Image Comparison Slider May 27, 2021 381 how-tos , sliders , react Accessible SVGs: Perfect Patterns for Screen Reader Users car /sma )May 26, 2021 380 accessibility , svg , screen-readers JPEG XL May 13, 2021 379 websites , jpeg-xl Content-Aware Image Resizing in JavaScript Apr 16, 2021 378 javascript , resizing Web Developer’s Guide to AVIF Images Apr 12, 2021 377 guides , avif How to Use SVG Image Sprites cra )Mar 10, 2021 376 how-tos , svg , sprites Create Responsive Image Effects With CSS Gradients and “aspect-ratio” 5t3 /sma )Feb 23, 2021 375 responsive-design , css , gradients , aspect-ratio , effects Seven Myths About Alt Text Feb 11, 2021 374 accessibility , alt-text , myths Front-End Performance 2021: Assets Optimizations vit /sma )Jan 12, 2021 373 performance , checklists , link-lists , compression Optimizing Image Depth mey /css )Dec 18, 2020 372 quality , performance , optimization Google Is Already Experimenting With WebP2 As Successor To WebP Image Format pho )Nov 15, 2020 371 webp , google GIFs and “prefers-reduced-motion” chr /css )Nov 3, 2020 370 gif , reduced-motion , html How to Design a Set of Icons Oct 7, 2020 369 design , icons Creating a Custom Cursor Using CSS? Sep 11, 2020 368 css , svg , cursors AVIF Has Landed jaf )Sep 8, 2020 367 avif , performance , quality , jpeg , webp , svg , png , comparisons Optimize Images With a GitHub Action chr /css )Aug 20, 2020 366 compression , github-actions Pausing a GIF With “details”/“summary” chr /css )Jul 28, 2020 365 html , disclosure-widgets , gif , animations Writing Alt Text for Data Visualization Jul 23, 2020 364 accessibility , alt-text , writing , information-design , visualization Lazy Loading Images in Svelte css )Jul 16, 2020 363 lazy-loading , svelte , performance Webwaste ger /ali )Jul 9, 2020 362 web , sustainability How to Design a Brand Logo (With Ease) sma )May 22, 2020 361 how-tos , design , branding , logos SVG, Favicons, and All the Fun Things We Can Do With Them eri /css )Apr 24, 2020 360 favicons , svg , dark-mode How to Use an Emoji as a Favicon Easily chr /css )Mar 24, 2020 359 how-tos , favicons , emoji , data-urls Different Favicon for Development chr /css )Mar 23, 2020 358 favicons , environments Tools for Optimizing SVG chr /css )Mar 17, 2020 357 tooling , svg , optimization , link-lists Accessible SVGs: Inclusiveness Beyond Patterns car /sma )Mar 12, 2020 356 svg , accessibility , tooling Setting Height and Width on Images Is Important Again tun /sma )Mar 9, 2020 355 html , performance , web-vitals Optimize CSS Background Images With Media Queries Mar 5, 2020 354 css , backgrounds , media-queries , optimization Do This to Improve Image Loading on Your Website fon /css )Feb 19, 2020 353 performance , html AVIF for Next-Generation Image Coding Feb 13, 2020 352 avif , compression Progressive JPEGs: An Introduction Feb 3, 2020 351 introductions , jpeg , pjpeg , compression Dark Mode Favicons chr /css )Dec 3, 2019 350 favicons , dark-mode Speed Up Your Website With WebP sma )Oct 29, 2019 349 performance , optimization , webp A Guide to Optimizing Images for Mobile sma )Oct 22, 2019 348 guides , performance , optimization , mobile Workflow Considerations for Using an Image Management Service chr /css )Oct 16, 2019 347 performance , tooling , content-delivery How to Change Your Favicon in Wordpress: A Step-by-Step Guide yoa )Sep 12, 2019 346 guides , favicons , wordpress Faster Image Loading With Embedded Image Previews sma )Aug 23, 2019 345 performance , lazy-loading , techniques , javascript The Making of an Animated Favicon pre /css )Aug 15, 2019 344 favicons , animations , canvas When to Use “img,” “img@srcset,” and “picture” and “source” j9t )Jul 17, 2019 343 html Image Optimization in WordPress sma )Jun 6, 2019 342 wordpress , performance , optimization Understanding Image Compression: Tooling and Context j9t )May 22, 2019 341 performance , compression , tooling A Crime Called Favicon j9t )May 9, 2019 340 favicons , maintainability A Practical Guide to SVG and Design Tools sma )May 3, 2019 339 guides , svg , sketch , figma , adobe , tooling , design SVG Circle Decomposition to Paths sma )Mar 22, 2019 338 svg , animations Stacked “Borders” mey /css )Mar 19, 2019 337 css , borders , shadows , backgrounds , gradients Did You Know That CSS Custom Properties Can Handle Images Too? fon /css )Feb 27, 2019 336 css , custom-properties Using Artificial Intelligence to Generate Alt Text on Images css )Feb 1, 2019 335 ai , alt-text , accessibility Improve Animated GIF Performance With HTML5 Video sma )Nov 5, 2018 334 gif , multimedia , performance Apply a Filter to a Background Image chr /css )Oct 2, 2018 333 backgrounds , filters , css Responsive Images wil /ali )Sep 20, 2018 332 html , css , responsive-design Icon Fonts vs. SVGs—Which One Should You Use in 2018? Aug 9, 2018 331 fonts , icon-fonts , svg Converting Images to WebP mal /sma )Jul 24, 2018 330 conversion , webp , sketch , photoshop , cloudinary Image Alt Text vs. Title Text vs. File Names: What’s the Difference? bri /sea )Jul 11, 2018 329 seo , alt-text , accessibility , naming , microcontent , comparisons Improving Performance Perception: On-Demand Image Resizing swa )Jul 2, 2018 328 performance , optimization , resizing , html What Is SVG Good For? chr /css )Jun 20, 2018 327 svg , examples The Four Big Ways Jetpack Helps With Image Performance css )Jun 19, 2018 326 wordpress , plugins , performance Designing for Accessibility and Inclusion sma )Apr 9, 2018 325 design , accessibility , dei , animations , colors , typography , multimedia , keyboard-navigation , layout , readability Some Things About “alt” Text chr /css )Mar 9, 2018 324 accessibility , alt-text , html Bad Icons: How to Identify and Improve Them nng )Nov 19, 2017 323 how-tos , icons , design , usability The Front-End Checklist the )Oct 18, 2017 322 websites , checklists , html , css , javascript , accessibility , performance , seo Tips for Icon Usability Sep 1, 2017 321 videos , icons , usability , tips-and-tricks A Pretty Good SVG Icon System chr /css )Jun 23, 2017 320 svg , icons When Large Isn’t Large Enough: Designing With Hero Images sma )Jun 8, 2017 319 design Masking vs. Clipping: When to Use Each sar /css )Jun 7, 2017 318 masking , clipping , svg , comparisons GIF, PNG, JPG, or SVG: Which One to Use? May 2, 2017 317 jpeg , png , gif , svg , webp , comparisons Let the Content Delivery Network Optimize Your Images jon /sma )Apr 26, 2017 316 content-delivery , optimization , performance What Is the Right Image Format for Your Website? Apr 5, 2017 315 compression , jpeg , gif , png , svg , webp Guetzli, Google’s New JPEG Encoder tel )Mar 19, 2017 314 performance , jpeg , compression , tooling Measuring Image Widths in JavaScript (Carefully) chr /css )Mar 15, 2017 313 javascript Align SVG Icons to Text and Say Goodbye to Font Icons pro )Jan 18, 2017 312 svg , icons , icon-fonts , fonts , css , design , alignment A Compendium of SVG Information chr /css )Jan 7, 2017 311 overviews , svg , link-lists Develop Locally, Use Images From Production chr /css )Dec 29, 2016 310 environments , processes , apache , servers The Joy of Optimizing una /btc )Nov 15, 2016 309 videos , performance , optimization Create Thumbnails With PHP rik )Nov 3, 2016 308 php Responsive Images in CSS chr /css )Oct 24, 2016 307 responsive-design , css , html SVG Filter Primitives—Input and Output Oct 11, 2016 306 svg , filters SVG and Media Queries jaf )Oct 10, 2016 305 svg , css , media-queries , canvas , support , browsers The SVG “path” Syntax: An Illustrated Guide chr /css )Oct 3, 2016 304 guides , svg WordPress SVG Support: How to Enable SVGs in WordPress Sep 29, 2016 303 how-tos , wordpress , svg An Introduction to SVG Filters Sep 27, 2016 302 introductions , svg , filters Accessible SVGs in High Contrast Mode eri /css )Sep 22, 2016 301 accessibility , svg , contrast , colors Are Icons Content? chr /css )Sep 1, 2016 300 icons , html , content Accessible SVGs css )Aug 28, 2016 299 svg , accessibility , examples Using WebP Images mal /css )Aug 26, 2016 298 webp , conversion Get the Original Image From a Data URL chr /css )Aug 11, 2016 297 data-urls Practical SVG chr /ali )Aug 9, 2016 296 svg High Performance SVGs sar /css )Aug 1, 2016 295 svg , performance , tooling , optimization Working With Images in Stylesheets With PostCSS css )Apr 28, 2016 294 css , backgrounds , postcss , examples RespImageLint—Linter for Responsive Images Apr 8, 2016 293 bookmarklets , html , responsive-design , linting How PNG Works Apr 6, 2016 292 png , compression The Hamburger Icon Debate Mar 22, 2016 291 mobile , icons , design-patterns Why npm Scripts? css )Feb 12, 2016 290 npm , nodejs , conversion , linting , minification , compression , sprites , examples Usability Testing of Icons nng )Feb 7, 2016 289 icons , testing , usability Lazy-Loading Images: How Not to Really Annoy Your Users Jan 19, 2016 288 lazy-loading , performance , jquery Blending Modes Demystified ali )Jan 5, 2016 287 design , colors , effects , css A Guide for SVG Support in Email geo /css )Dec 22, 2015 286 guides , svg , support , email SMIL Is Dead! Long Live SMIL! A Guide to Alternatives to SMIL Features sar /css )Dec 14, 2015 285 guides , smil , svg , animations Decorating the Web With CSS Border Images Dec 9, 2015 284 decoration , css , borders Creating Alpha Channel JPEGs Using SVG zol )Nov 7, 2015 283 jpeg , svg , transparency+opacity The Image Replacement Museum mar /css )Nov 3, 2015 282 image-replacement , techniques , html , css , overviews , link-lists Background Image Shapes css )Oct 30, 2015 281 backgrounds , shapes , css , transforms , clipping , svg Ensure High Contrast for Text Over Images nng )Oct 18, 2015 280 contrast , colors , accessibility , usability How to Make Charts With SVG fon /css )Oct 5, 2015 279 how-tos , visualization , svg , html , javascript Factors Affecting Website Performance Sep 17, 2015 278 performance , network , browsers , memory , servers , multimedia Creating Cel Animations With SVG hey /sma )Sep 14, 2015 277 animations , svg , css , sass Preloading Images in Parallel With Promises kit )Sep 10, 2015 276 javascript , promises , preloading , performance The Anatomy of Responsive Images jaf )Sep 3, 2015 275 html , responsive-design , support , browsers SVG Is for Everybody chr /btc )Aug 31, 2015 274 videos , svg SVG Lessons I Learned the Hard Way sar /btc )Aug 31, 2015 273 videos , svg , lessons Mastering Image Optimization in WordPress Aug 5, 2015 272 wordpress , optimization , performance Performance Tools fon /css )Jun 7, 2015 271 performance , tooling , content-delivery , testing , dev-tools , css , javascript , optimization , link-lists The Art of SVG Filters and Why It Is Awesome sma )May 26, 2015 270 svg , filters , css SVG Fallbacks Guide ame /css )May 4, 2015 269 guides , svg , graceful-degradation image-dimensions sin )Apr 14, 2015 268 packages , npm HTML5 Image Description Extension (“longdesc”) cpt /w3c )Feb 26, 2015 267 html , standards Responsive Hero Images gri /clo )Feb 23, 2015 266 responsive-design Using WebP/JPEG 2000/JPEG-XR/APNG Now With Picturefill and Modernizr zol )Jan 14, 2015 265 webp , jpeg , png , polyfills , modernizr CSS Sprites With Sass and Compass Dec 4, 2014 264 css , sprites , sass , compass Why Responsive Images Matter wil /ali )Nov 5, 2014 263 responsive-design Responsive Images in Practice ali )Nov 4, 2014 262 responsive-design , html , css How SVG Fragment Identifiers Work chr /css )Nov 3, 2014 261 svg , css Styling and Animating SVGs With CSS sar /sma )Nov 3, 2014 260 svg , css , animations Probably Don’t Base64 SVG chr /css )Oct 21, 2014 259 svg , data-urls , base64 A Guide to SVG Animations (SMIL) sar /css )Oct 13, 2014 258 guides , svg , animations , smil Image Optimization Services gri /clo )Oct 2, 2014 257 performance , optimization , link-lists Don’t Use “<picture>” (Most of the Time) gri /clo )Sep 22, 2014 256 html , responsive-design How a New HTML Element Will Make the Web Faster ars )Sep 2, 2014 255 html , performance , responsive-design Making SVGs Responsive With CSS sar /cod )Aug 19, 2014 254 svg , responsive-design , css Favicons, Touch Icons, Tile Icons, Etc.—Which Do You Need? css )Aug 18, 2014 253 icons , favicons Swapping Out SVG Icons chr /css )Aug 12, 2014 252 svg , icons , css , jquery , techniques How to “Resize” Images With CSS Jul 8, 2014 251 css , media-queries , resizing Testing Responsive Images wil /ali )Jun 4, 2014 250 html , responsive-design Picturefill 2.0: Responsive Images and the Perfect Polyfill sma )May 12, 2014 249 html , responsive-design , polyfills Tips for Creating Accessible SVG tin )May 6, 2014 248 accessibility , svg , tips-and-tricks Dealing With Content Images in Email chr /css )Apr 29, 2014 247 email , html , wordpress , responsive-design “srcset” and “sizes” eee )Mar 24, 2014 246 html , responsive-design A Q&A on the Picture Element wil +/ali )Mar 17, 2014 245 interviews , html , semantics , responsive-design Shadow DOM Mar 14, 2014 244 shadow-dom , dom , svg , angularjs , css , mathml Rethinking Responsive SVG sma )Mar 5, 2014 243 responsive-design , svg , css One Solution to Responsive Images sma )Feb 3, 2014 242 responsive-design , html , php Animating Vectors With SVG bri /24w )Dec 7, 2013 241 svg , animations , javascript Why Responsive Images Is So Hard chr /css )Nov 20, 2013 240 responsive-design , css , html , art-direction Webpage Performance geo )Sep 17, 2013 239 performance , compression , minification , caching , content-delivery Image Compression for Web Developers Sep 17, 2013 238 compression , performance , link-lists Using Remote Image Files When You Develop Locally lul )Aug 21, 2013 237 processes , drupal , apache , servers WebKit Has Implemented “srcset”, and It’s a Good Thing wil /sma )Aug 21, 2013 236 webkit , html , responsive-design SVG Fallbacks chr /css )Aug 19, 2013 235 svg , support , browsers , png SVG Filters on Text css )Aug 9, 2013 234 svg , filters , effects Images Slowing Down Your Site? Try This One Weird Trick! aer )Aug 5, 2013 233 performance , javascript The Web Designer’s Guide to Image Copyrights Jul 25, 2013 232 guides , design , licensing Simple Responsive Images With CSS Background Images sma )Jul 22, 2013 231 responsive-design , backgrounds , css , html Why We Need Responsive Images tka )Jun 11, 2013 230 responsive-design , performance , metrics Replace the Image in an “<img>” With CSS css )May 20, 2013 229 css , image-replacement , techniques 