Resize Text and Lessons on Conformance and Techniques mni )Jul 22, 2026 164 accessibility , resizing , wcag , compliance , lessons Protecting HTML Content Against Copying jsd )Jul 14, 2026 163 html , css , javascript , canvas , obfuscation , comparisons A Few Ways of Specifying Per-Theme Colours in Only CSS May 16, 2026 162 html , css , dark-mode , colors Not All Hidden Content Is Equal: How Different Hiding Methods Impact Accessibility May 12, 2026 161 accessibility , hiding , css , html , aria , attributes , comparisons Your Options for Preloading Images With JavaScript mac )Mar 30, 2026 160 images , preloading , javascript Using CSS Animations as State Machines to Remember Focus and Hover States With CSS Only pat )Mar 9, 2026 159 css , animations , focus , hover Sprites on the Web jos )Feb 23, 2026 158 css , images , sprites Solving Shrinkwrap: New Experimental Technique kiz )Jan 27, 2026 157 css Anchor Interpolated Morph (AIM) arg )Jan 23, 2026 156 css , animations CSS Layout: How to “Center a Div,” the Old School Way Dec 16, 2025 155 css , layout , floats , centering , how-tos On Inheriting and Sharing Property Values dxn /css )Nov 24, 2025 154 css , cascade Older Tech in the Browser Stack sma )Nov 13, 2025 153 xpath , css 10 Smart Performance Hacks for Faster Python Code did /jet )Nov 10, 2025 152 python , performance Essential Visually Hidden CSS Techniques for Web Accessibility a11 )Oct 6, 2025 151 accessibility , hiding , css Color Shifting in CSS jos )Sep 8, 2025 150 css , colors , animations Accessible Writing Techniques for Web Content a11 )Sep 4, 2025 149 accessibility , writing , content Designing With AI, Not Around It: Practical Advanced Techniques for Product Design Use Cases sma )Aug 11, 2025 148 design , ai , processes , product-management What Is Bot Detection: Tools, Techniques, and Ways to Prevent Against Bot Attacks Jul 16, 2025 147 bots , bot-detection , metrics , link-lists A Short History of Web Bots and Bot Detection Techniques ole )Jun 22, 2025 146 bots , bot-detection , fingerprinting , traffic , history Revisiting Image Maps mal /css )Apr 30, 2025 145 images , image-maps , html Accessible Forms: Tips and Techniques Apr 14, 2025 144 accessibility , forms , labels , keyboard-navigation , errors , testing , tips-and-tricks Overengineered Anchor Links Apr 3, 2025 143 links , effects Minimal CSS-Only Blurry Image Placeholders kal )Mar 30, 2025 142 images , placeholders , backgrounds , css Accessible UX Design: 6 Advanced Techniques to Elevate Your Process a11 )Feb 17, 2025 141 design , user-experience , accessibility , principles , processes Transitioning Top-Layer Entries and the Display Property in CSS uti /sma )Jan 29, 2025 140 css , animations , transitions , effects Ensuring Excellence: Proven Strategies for Quality Vue.js Development Jan 24, 2025 139 vuejs , best-practices How I Write Angular Apps in 2025: Tools, Tips, Techniques rai )Jan 14, 2025 138 videos , angular , tooling , tips-and-tricks CSS: How to Indicate Container Overflow, When There Is Overflow j9t )Dec 28, 2024 137 how-tos , css , overflow Advanced and Creative TypeScript Techniques for Professionals Dec 15, 2024 136 typescript , type-safety 11 Essential JavaScript Hooking Techniques for Reverse Engineering in 2024 xiu )Dec 15, 2024 135 javascript , debugging How to Optimize React Performance: Best Practices and Techniques Nov 5, 2024 134 how-tos , performance , optimization , react , best-practices Solved by CSS Scroll-Driven Animations: Hide a Header When Scrolling Down, Show It Again When Scrolling Up bra )Sep 29, 2024 133 hiding , css , scrolling , animations Building the Perfect Logo Strip nil /9el )Sep 23, 2024 132 css , logos , images 6 Techniques I Use to Create a Great User Experience for Shell Scripts Sep 11, 2024 131 shells , user-experience Sticky Headers and Full-Height Elements: A Tricky Combination sma )Sep 5, 2024 130 css Get Window Size in Pure CSS Sep 1, 2024 129 css Advanced Playwright Techniques for Flawless Testing deb )Aug 27, 2024 128 videos , testing , playwright 10 Python Programming Optimisation Techniques Aug 19, 2024 127 python , optimization Context Is King: Long Live the King! llo /tpg )Aug 13, 2024 126 accessibility , usability , aria HTML and CSS Techniques for Inverting Colors Jul 11, 2024 125 css , filters , blend-modes , colors Advanced JavaScript Performance Optimization: Techniques and Patterns Jun 25, 2024 124 javascript , performance , optimization , software-design-patterns Mina Tamang on SEO Techniques That Prioritise the User Experience nat )Jun 19, 2024 123 podcasts , interviews , seo , user-experience Beyond CSS Media Queries mon /sma )May 16, 2024 122 css , media-queries , container-queries , layout The Modern Guide for Making CSS Shapes css /sma )May 10, 2024 121 guides , css , shapes , effects Quick-and-Dirty Accessibility tpg )May 3, 2024 120 accessibility Combining CSS “:has()” and HTML “<select>” for Greater Conditional Styling ami /sma )May 2, 2024 119 css , selectors , html Alternating Style Queries kiz )Apr 16, 2024 118 css , style-queries Sliding 3D Image Frames in CSS css /sma )Apr 12, 2024 117 css , images , 3d Layered Toggles: Optional CSS Mixins kiz )Apr 9, 2024 116 css , mixins Techniques for Fetching Data: Comparing Next.js (App and Pages API), Remix, and RedwoodJS sel /red )Apr 8, 2024 115 data-fetching , nextjs , remix , redwoodjs , comparisons Infinite-Scrolling Logos in Flat HTML and Pure CSS cit /sma )Apr 2, 2024 114 branding , scrolling , animations , css Modern CSS Tooltips and Speech Bubbles II css /sma )Mar 8, 2024 113 tooltips , css Modern CSS Tooltips and Speech Bubbles css /sma )Mar 1, 2024 112 tooltips , css Techniques to Break Words aar )Feb 29, 2024 111 html , css , content CSS “:is(.awesome)” mar /cfe )Feb 15, 2024 110 videos , css , selectors The Complex but Awesome CSS “border-image” Property css /sma )Jan 16, 2024 109 css , borders 5 Advanced Data-Fetching Techniques in React for Enhanced User Experience Jan 16, 2024 108 react , data-fetching , code-splitting , components Mastering Promises: 8 Advanced Tips and Techniques Jan 5, 2024 107 javascript , promises , asynchrony , tips-and-tricks How to Center an Element in CSS Without Adding a Wrapper in HTML Dec 18, 2023 106 how-tos , centering , css 6 Techniques for Conditional Rendering in React, With Examples Dec 13, 2023 105 react A Few Ways CSS Is Easier to Write in 2023 geo /sma )Nov 24, 2023 104 css , comparisons Weird HTML Hacks ern )Nov 24, 2023 103 html , css , hacks , history 5 Formatting Techniques for Long-Form Content nng )Nov 17, 2023 102 usability , content , writing , formatting Revealing Images With CSS Mask Animations css /sma )Sep 15, 2023 101 css , animations Why Are We Not Still Using Tables-for-Layout? rac )Sep 7, 2023 100 css , tables Designing Accessible Text Over Images: Best Practices, Techniques, and Resources II sma )Aug 11, 2023 99 accessibility , content , images , best-practices Designing Accessible Text Over Images: Best Practices, Techniques, and Resources sma )Aug 4, 2023 98 accessibility , content , images , best-practices The Yellow Fade Technique With Modern CSS Using “@starting-style” bra )May 24, 2023 97 css , transitions 5 Code Refactoring Techniques to Improve Your Code Apr 19, 2023 96 refactoring , maintenance Debugging JavaScript Like a Pro: Tools and Techniques for Finding and Fixing Bugs Feb 25, 2023 95 javascript , debugging , tooling , bugs JavaScript Obfuscation Techniques by Example Jul 10, 2022 94 javascript , obfuscation , examples Magical SVG Techniques sma )May 10, 2022 93 svg , images 12 Modern CSS Techniques for Older CSS Problems May 5, 2022 92 css , optimization How to Write Good Code: 10 Beginner-Friendly Techniques for Instant Results Apr 13, 2022 91 how-tos , quality Drastically Improve Your UI Designs With This Technique Apr 13, 2022 90 design , optimization 13 Tools and Techniques to Accelerate Frontend Development Dec 21, 2021 89 tooling , software-design-patterns , linting , bundling , testing , logging , frameworks , processes , ci-cd Thinking About the Cut-Out Effect: CSS or SVG? sha )Jul 27, 2021 88 css , svg , effects , comparisons 6 Useful Frontend Techniques That You May Not Know About Jul 19, 2021 87 html , css , javascript The Raven Technique: One Step Closer to Container Queries css )Nov 10, 2020 86 css , container-queries Modern CSS Techniques to Improve Legibility sma )Jul 22, 2020 85 css , legibility , typography 30 Seconds of Code May 28, 2020 84 websites , javascript , css 10 Git Techniques You Need to Know Before You Join a Team Mar 11, 2020 83 git , command-line CSS Circles tyl /clo )Oct 9, 2019 82 css Faster Image Loading With Embedded Image Previews sma )Aug 23, 2019 81 images , performance , lazy-loading , javascript Breaking to a New Row With Flexbox Apr 29, 2019 80 css , flexbox , layout Emojis as Icons chr /css )Jul 11, 2018 79 emoji , icons , css 10 Tricks and Techniques to Make the Most Out of Sketch May 15, 2018 78 sketch , tips-and-tricks CSS Techniques and Effects for Knockout Text pre /css )Mar 6, 2018 77 css , effects Three Techniques for Performant Custom Font Usage oll /css )Mar 5, 2018 76 fonts , performance , flash-of-x Animating Layouts With the FLIP Technique dav /css )Nov 27, 2017 75 animations , javascript , libraries Silverlight Techniques for WCAG 2.0 w3c )Oct 7, 2016 74 accessibility , wcag , silverlight Upgrading CSS Animation With Motion Curves sma )Aug 25, 2016 73 css , animations , transitions A History of CSS Image Replacement Jun 27, 2016 72 css , image-replacement , examples , history The Image Replacement Museum mar /css )Nov 3, 2015 71 image-replacement , html , css , images , overviews , link-lists Practical Techniques on Designing Animation sar /sma )Jun 8, 2015 70 design , animations FLIP Your Animations aer )Feb 11, 2015 69 animations , javascript Approaches to Media Queries in Sass edu /css )Dec 30, 2014 68 css , preprocessors , sass , media-queries Swapping Out SVG Icons chr /css )Aug 12, 2014 67 svg , images , icons , css , jquery Animation of How CSS Triangles Work chr /css )Oct 3, 2013 66 css , animations WCAG Techniques and Understanding WCAG Updates w3c )Jul 11, 2013 65 accessibility , wcag Replace the Image in an “<img>” With CSS css )May 20, 2013 64 css , images , image-replacement 99 Powerful New CSS and JavaScript Techniques vit /sma )Jun 21, 2012 63 css , javascript , link-lists CSS Sprites Revisited sma )Apr 11, 2012 62 css , sprites , images Introduction to URL Rewriting sma )Nov 2, 2011 61 introductions , urls , redirecting , apache , servers A Brief Introduction to Text Replacement With sIFR jas )Nov 1, 2011 60 introductions , image-replacement , flash 10 Fantastic jQuery Techniques and Effects Oct 4, 2011 59 jquery , effects Responsive Web Design Techniques, Tools, and Design Strategies vit /sma )Jul 22, 2011 58 design , responsive-design , tooling , strategies , link-lists 6 Methods for Vertical Centering With CSS Jul 14, 2011 57 css , centering , examples 4 Methods for Creating Equal Height Columns in CSS Jun 9, 2011 56 css , layout , examples Powerful New CSS Techniques and Tools vit /sma )Apr 18, 2011 55 css , tooling , link-lists Technical Web Typography: Guidelines and Techniques css /sma )Mar 14, 2011 54 typography , css , guidelines New and Improved WCAG 2.0 Techniques w3c )Oct 14, 2010 53 accessibility , wcag , documentation Developing Sites With AJAX: Design Challenges and Common Issues cod /sma )Feb 10, 2010 52 ajax , javascript Are You Loosing Traffic by Poor Website Performance? cod /sma )Jan 6, 2010 51 performance , traffic , tooling , link-lists Styling HTML Lists With CSS: Techniques and Resources lou /sma )Dec 11, 2009 50 html , lists , css , link-lists Perfect Full Page Background Image chr /css )Aug 21, 2009 49 backgrounds , images , css , filters , jquery Clever JPG Optimization Techniques sma )Jul 1, 2009 48 images , jpeg , optimization The Mystery of CSS Sprites: Techniques, Tools, and Tutorials sma )Apr 28, 2009 47 css , sprites , tooling , link-lists A New Image Replacement Technique: The State Scope Method Feb 9, 2009 46 image-replacement , css , javascript Styling HTML5 Markup in IE Without Script zco )Jan 17, 2009 45 html , internet-explorer , browsers , conditional-comments Facelift Image Replacement: Another Look at sIFR Type Work dal /aja )Aug 5, 2008 44 image-replacement , flash Image Replacement and Backgrounds sea )Jun 17, 2008 43 html , css , image-replacement , backgrounds Image Replacement + Google dav )May 5, 2008 42 image-replacement , flash , google Tomorrow’s CSS Today: 8 Techniques They Don’t Want You to Know Apr 9, 2008 41 css , selectors , borders , progressive-enhancement Nine Techniques for CSS Image Replacement chr /css )Mar 24, 2008 40 css , image-replacement , images , logos , overviews Great CSS Techniques and the Simple Truth Behind Them j9t )Mar 11, 2008 39 css , maintainability Powerful CSS Techniques for Effective Coding sma )Feb 21, 2008 38 css , link-lists Yet Another Image Replacement Method Sep 19, 2007 37 image-replacement sIFR 2007: The Roundup mis )Apr 27, 2007 36 image-replacement , flash Seven JavaScript Techniques You Should Be Using Today dig )Apr 23, 2007 35 javascript , examples My Latest Take on Image Replacement jch )Oct 23, 2006 34 image-replacement , css 2006 Redesign—CSS Techniques mat )May 22, 2006 33 redesigning , css My PNG Image Replacement Method tel )May 1, 2006 32 image-replacement , images , png A Forgotten Prototype Technique: Comics jms )Mar 29, 2006 31 prototyping Bookend Lists: Using CSS to Float a Masthead—Replace Tables With CSS Layout List Tutorial Feb 25, 2006 30 css , floats , tables , lists Rip It Up: Worn Type Using CSS mis )Dec 20, 2005 29 css , image-replacement , effects CSS Techniques Roundup—20 CSS Tips and Tricks Sep 22, 2005 28 css , tips-and-tricks , link-lists STR: SwishMAX Text Replacement May 11, 2005 27 image-replacement , flash , javascript Definitive Solution to Image Replacement Apr 10, 2005 26 image-replacement MIR: Malarkey Image Replacement mal )Mar 27, 2005 25 image-replacement , css Nifty Corners: Rounded Corners Without Images Mar 16, 2005 24 css , presentational-html The Most Hated Advertising Techniques nng )Dec 6, 2004 23 monetization , pop-ups sJIR: scalable Jens Image Replacement Nov 2, 2004 22 image-replacement , fonts , javascript HTML Overlays gla )Aug 30, 2004 21 overlays , html , xml Introducing sIFR: The Healthy Alternative to Browser Text mik )Aug 29, 2004 20 introductions , image-replacement , flash Dynamic Text Replacement ali )Jun 15, 2004 19 image-replacement , php , javascript Closures and Executing JavaScript on Page Load sim )May 26, 2004 18 javascript , closures Mountaintop Corners sim /ali )Apr 30, 2004 17 css , borders , images IE vs. Image Replacement dav )Apr 8, 2004 16 browsers , internet-explorer , image-replacement Faux Columns sim /ali )Jan 9, 2004 15 css , layout , floats , backgrounds Liquid Layouts the Easy Way rus )Dec 30, 2003 14 liquid-design , css Night of the Image Map ali )Dec 12, 2003 13 css , images , image-maps HTML Techniques for WCAG 2.0 w3c )Dec 9, 2003 12 html , wcag , accessibility JavaScript Image Replacement cod /ali )Nov 21, 2003 11 javascript , image-replacement , images Sliding Doors of CSS II sto /ali )Oct 30, 2003 10 css , images Sliding Doors of CSS sto /ali )Oct 20, 2003 9 css , images Rounding Tab Corners mey )Sep 17, 2003 8 navigation , html , css Techniques for Accessible HTML Tables Aug 23, 2003 7 accessibility , html , tables , section-508 , wcag Image Replacement—With “<span>” Aug 9, 2003 6 image-replacement Accessible Image Replacement Aug 5, 2003 5 image-replacement , accessibility Using “background-image” to Replace Text sto )Mar 7, 2003 4 css , backgrounds , image-replacement The GIR Image Replacement Technique (GIR) Jan 4, 2003 3 image-replacement Real World Style Aug 4, 2002 2 websites , css , layout , tips-and-tricks The Single Pixel GIF May 14, 1999 1 html , images , gif 