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