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