A Short History of Web Bots and Bot Detection Techniques (ole )Jun 22, 2025 127 fingerprinting , traffic , history Revisiting Image Maps (mal /css )Apr 30, 2025 126 images , image-maps , html Accessible Forms: Tips and Techniques Apr 14, 2025 125 accessibility , forms , labels , keyboard-navigation , errors , testing , tips-and-tricks Overengineered Anchor Links Apr 3, 2025 124 links , effects Minimal CSS-Only Blurry Image Placeholders (kal )Mar 30, 2025 123 images , placeholders , backgrounds , css Accessible UX Design: 6 Advanced Techniques to Elevate Your Process (a11 )Feb 17, 2025 122 design , user-experience , accessibility , principles , processes Transitioning Top-Layer Entries and the Display Property in CSS (uti /sma )Jan 29, 2025 121 css , animations , transitions , effects Ensuring Excellence: Proven Strategies for Quality Vue.js Development Jan 24, 2025 120 vuejs , best-practices How I Write Angular Apps in 2025: Tools, Tips, Techniques (rai )Jan 14, 2025 119 videos , angular , tooling , tips-and-tricks CSS: How to Indicate Container Overflow, When There Is Overflow (j9t )Dec 28, 2024 118 how-tos , css , overflow Advanced and Creative TypeScript Techniques for Professionals Dec 15, 2024 117 typescript , type-safety 11 Essential JavaScript Hooking Techniques for Reverse Engineering in 2024 (xiu )Dec 15, 2024 116 javascript , debugging How to Optimize React Performance: Best Practices and Techniques Nov 5, 2024 115 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 114 hiding , css , scrolling , animations Building the Perfect Logo Strip (nil /9el )Sep 23, 2024 113 css , logos , images 6 Techniques I Use to Create a Great User Experience for Shell Scripts Sep 11, 2024 112 shell , user-experience Sticky Headers and Full-Height Elements: A Tricky Combination (sma )Sep 5, 2024 111 css Get Window Size in Pure CSS Sep 1, 2024 110 css Advanced Playwright Techniques for Flawless Testing (deb )Aug 27, 2024 109 videos , testing , playwright 10 Python Programming Optimisation Techniques Aug 19, 2024 108 python , optimization Context Is King: Long Live the King! (llo /tpg )Aug 13, 2024 107 accessibility , usability , aria HTML and CSS Techniques for Inverting Colors Jul 11, 2024 106 css , filters , blend-modes , colors Advanced JavaScript Performance Optimization: Techniques and Patterns Jun 25, 2024 105 javascript , performance , optimization , software-design-patterns Mina Tamang on SEO Techniques That Prioritise the User Experience (nat )Jun 19, 2024 104 podcasts , interviews , seo , user-experience Beyond CSS Media Queries (mon /sma )May 16, 2024 103 css , media-queries , container-queries , layout The Modern Guide for Making CSS Shapes (css /sma )May 10, 2024 102 guides , css , shapes , effects Quick-and-Dirty Accessibility (tpg )May 3, 2024 101 accessibility Combining CSS “:has()” and HTML “<select>” for Greater Conditional Styling (ami /sma )May 2, 2024 100 css , selectors , html Alternating Style Queries (kiz )Apr 16, 2024 99 css , container-queries Sliding 3D Image Frames in CSS (css /sma )Apr 12, 2024 98 css , images Layered Toggles: Optional CSS Mixins (kiz )Apr 9, 2024 97 css , mixins Techniques for Fetching Data: Comparing Next.js (App and Pages API), Remix, and RedwoodJS (sel /red )Apr 8, 2024 96 data-fetching , nextjs , remix , redwoodjs , comparisons Infinite-Scrolling Logos in Flat HTML and Pure CSS (cit /sma )Apr 2, 2024 95 branding , scrolling , animations , css Modern CSS Tooltips and Speech Bubbles II (css /sma )Mar 8, 2024 94 tooltips , css Modern CSS Tooltips and Speech Bubbles (css /sma )Mar 1, 2024 93 tooltips , css Techniques to Break Words (aar )Feb 29, 2024 92 html , css , content CSS “:is(.awesome)” (mar /cfe )Feb 15, 2024 91 videos , css , selectors 5 Advanced Data-Fetching Techniques in React for Enhanced User Experience Jan 16, 2024 90 react , data-fetching , code-splitting , components The Complex but Awesome CSS “border-image” Property (css /sma )Jan 16, 2024 89 css , borders Mastering Promises: 8 Advanced Tips and Techniques Jan 5, 2024 88 javascript , promises , asynchronicity , tips-and-tricks How to Center an Element in CSS Without Adding a Wrapper in HTML Dec 18, 2023 87 how-tos , centering , css 6 Techniques for Conditional Rendering in React, With Examples Dec 13, 2023 86 react Weird HTML Hacks (ern )Nov 24, 2023 85 html , css , hacks , history A Few Ways CSS Is Easier to Write in 2023 (geo /sma )Nov 24, 2023 84 css , comparisons 5 Formatting Techniques for Long-Form Content Nov 17, 2023 83 usability , content , writing , formatting Revealing Images With CSS Mask Animations (css /sma )Sep 15, 2023 82 css , animations Why Are We Not Still Using Tables-for-Layout? (rac )Sep 7, 2023 81 css , tables Designing Accessible Text Over Images: Best Practices, Techniques, and Resources II (sma )Aug 11, 2023 80 accessibility , content , images , best-practices Designing Accessible Text Over Images: Best Practices, Techniques, and Resources (sma )Aug 4, 2023 79 accessibility , content , images , best-practices The Yellow Fade Technique With Modern CSS Using “@ starting-style” (bra )May 24, 2023 78 css 5 Code Refactoring Techniques to Improve Your Code Apr 19, 2023 77 refactoring , maintenance Debugging JavaScript Like a Pro: Tools and Techniques for Finding and Fixing Bugs Feb 25, 2023 76 javascript , debugging , tooling JavaScript Obfuscation Techniques by Example Jul 10, 2022 75 javascript , obfuscation , examples Magical SVG Techniques (sma )May 10, 2022 74 svg , images 12 Modern CSS Techniques for Older CSS Problems May 5, 2022 73 css , optimization How to Write Good Code: 10 Beginner-Friendly Techniques for Instant Results Apr 13, 2022 72 how-tos , quality Drastically Improve Your UI Designs With This Technique Apr 13, 2022 71 design , optimization 13 Tools and Techniques to Accelerate Frontend Development Dec 21, 2021 70 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 69 css , svg , effects , comparisons 6 Useful Frontend Techniques That You May Not Know About Jul 19, 2021 68 html , css , javascript The Raven Technique: One Step Closer to Container Queries (css )Nov 10, 2020 67 css , container-queries Modern CSS Techniques to Improve Legibility (sma )Jul 22, 2020 66 css , legibility , typography 30 Seconds of Code May 28, 2020 65 websites , javascript , css 10 Git Techniques You Need to Know Before You Join a Team Mar 11, 2020 64 git , command-line CSS Circles (tyl /clo )Oct 9, 2019 63 css Faster Image Loading With Embedded Image Previews (sma )Aug 23, 2019 62 images , performance , lazy-loading , javascript Breaking to a New Row With Flexbox Apr 29, 2019 61 css , flexbox , layout Emojis as Icons (chr /css )Jul 11, 2018 60 emoji , icons , css 10 Tricks and Techniques to Make the Most Out of Sketch (uxd )May 15, 2018 59 sketch , tips-and-tricks CSS Techniques and Effects for Knockout Text (pre /css )Mar 6, 2018 58 css , effects Three Techniques for Performant Custom Font Usage (oll /css )Mar 5, 2018 57 fonts , performance , flash-of-x Animating Layouts With the FLIP Technique (dav /css )Nov 27, 2017 56 animations , javascript , libraries Silverlight Techniques for WCAG 2.0 (w3c )Oct 7, 2016 55 accessibility , wcag , silverlight Upgrading CSS Animation With Motion Curves (sma )Aug 25, 2016 54 css , animations , transitions A History of CSS Image Replacement Jun 27, 2016 53 css , image-replacement , examples , history The Image Replacement Museum (mar /css )Nov 3, 2015 52 image-replacement , html , css , images , overviews , link-lists Practical Techniques on Designing Animation (sar /sma )Jun 8, 2015 51 design , animations FLIP Your Animations (aer )Feb 11, 2015 50 animations , javascript Approaches to Media Queries in Sass (edu /css )Dec 30, 2014 49 css , preprocessors , sass , media-queries Swapping Out SVG Icons (chr /css )Aug 12, 2014 48 svg , images , icons , css , jquery Animation of How CSS Triangles Work (chr /css )Oct 3, 2013 47 css , animations WCAG Techniques and Understanding WCAG Updates (w3c )Jul 11, 2013 46 accessibility , wcag Replace the Image in an “<img>” With CSS (css )May 20, 2013 45 css , images , image-replacement 99 Powerful New CSS and JavaScript Techniques (vit /sma )Jun 21, 2012 44 css , javascript , link-lists CSS Sprites Revisited (sma )Apr 11, 2012 43 css , sprites , images Introduction to URL Rewriting (sma )Nov 2, 2011 42 introductions , urls , redirecting , apache , servers A Brief Introduction to Text Replacement With sIFR (jas )Nov 1, 2011 41 introductions , image-replacement , flash 10 Fantastic jQuery Techniques and Effects Oct 4, 2011 40 jquery , effects Responsive Web Design Techniques, Tools, and Design Strategies (vit /sma )Jul 22, 2011 39 design , responsive-design , tooling , strategies , link-lists Powerful New CSS Techniques and Tools (vit /sma )Apr 18, 2011 38 css , tooling , link-lists Technical Web Typography: Guidelines and Techniques (css /sma )Mar 14, 2011 37 typography , css , guidelines New and Improved WCAG 2.0 Techniques (w3c )Oct 14, 2010 36 accessibility , wcag , documentation Developing Sites With AJAX: Design Challenges and Common Issues (cod /sma )Feb 10, 2010 35 ajax , javascript Are You Loosing Traffic by Poor Website Performance? (cod /sma )Jan 6, 2010 34 performance , traffic , tooling , link-lists Styling HTML Lists With CSS: Techniques and Resources (lou /sma )Dec 11, 2009 33 html , lists , css , link-lists Perfect Full Page Background Image (chr /css )Aug 21, 2009 32 backgrounds , images , css , filters , jquery Clever JPG Optimization Techniques (sma )Jul 1, 2009 31 images , jpeg , optimization The Mystery of CSS Sprites: Techniques, Tools, and Tutorials (sma )Apr 28, 2009 30 css , sprites , tooling , link-lists A New Image Replacement Technique: The State Scope Method Feb 9, 2009 29 image-replacement , css , javascript Image Replacement and Backgrounds (sea )Jun 17, 2008 28 html , css , image-replacement , backgrounds Image Replacement + Google (dav )May 5, 2008 27 image-replacement , flash , google Tomorrow’s CSS Today: 8 Techniques They Don’t Want You to Know Apr 9, 2008 26 css , selectors , borders , progressive-enhancement Great CSS Techniques and the Simple Truth Behind Them (j9t )Mar 11, 2008 25 css , maintainability Powerful CSS Techniques for Effective Coding (sma )Feb 21, 2008 24 css , link-lists Yet Another Image Replacement Method Sep 19, 2007 23 image-replacement sIFR 2007: The Roundup (mis )Apr 27, 2007 22 image-replacement , flash My Latest Take on Image Replacement (jch )Oct 23, 2006 21 image-replacement , css My PNG Image Replacement Method (tel )May 1, 2006 20 image-replacement , images , png Rip It Up: Worn Type Using CSS (mis )Dec 20, 2005 19 css , image-replacement , effects STR: SwishMAX Text Replacement May 11, 2005 18 image-replacement , flash , javascript Definitive Solution to Image Replacement Apr 10, 2005 17 image-replacement MIR: Malarkey Image Replacement (mal )Mar 27, 2005 16 image-replacement , css Nifty Corners: Rounded Corners Without Images Mar 16, 2005 15 css , presentational-html The Most Hated Advertising Techniques Dec 6, 2004 14 monetization , pop-ups sJIR: scalable Jens Image Replacement Nov 2, 2004 13 image-replacement , fonts , javascript HTML Overlays (gla )Aug 30, 2004 12 overlays , html , xml Introducing sIFR: The Healthy Alternative to Browser Text (mik )Aug 29, 2004 11 introductions , image-replacement , flash Dynamic Text Replacement (ali )Jun 15, 2004 10 image-replacement , php , javascript IE vs. Image Replacement (dav )Apr 8, 2004 9 browsers , microsoft , internet-explorer , image-replacement Night of the Image Map (ali )Dec 12, 2003 8 css , images , image-maps JavaScript Image Replacement (cod /ali )Nov 21, 2003 7 javascript , image-replacement Sliding Doors of CSS II (ali )Oct 30, 2003 6 css , images Sliding Doors of CSS (ali )Oct 20, 2003 5 css , images Image Replacement—With “<span>” Aug 9, 2003 4 image-replacement Accessible Image Replacement Aug 5, 2003 3 image-replacement , accessibility The GIR Image Replacement Technique (GIR) Jan 4, 2003 2 image-replacement The Single Pixel GIF May 14, 1999 1 html , images , gif