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