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