4 CSS Features Every Front-End Developer Should Know in 2026 arg )Jan 7, 2026 137 css , functions Optimizing CLS for Infinite Scroll and Load More ver /per )Dec 20, 2025 136 performance , web-vitals , optimization Directional CSS With “scroll-state(scrolled)” una )Dec 17, 2025 135 css , functions Creating Scroll-Based Animations in Full view() pre /css )Dec 10, 2025 134 css , animations , functions Frontend News #19: CSS “overscroll-behavior”, “scrollbar-gutter”, “text-grow” Properties, and More zor /css )Dec 9, 2025 133 videos , css NoLoJS: Reducing the JS Workload With HTML and CSS aar /per )Dec 6, 2025 132 html , disclosure-widgets , forms , modals , pop-overs , navigation , positioning The Downsides of “scrollbar-gutter: stable;” (and One Weird Trick) chr /fro )Dec 3, 2025 131 css Scrollytelling on Steroids With Scroll-State Queries css )Dec 2, 2025 130 css Prevent a Page From Scrolling While a Dialog Is Open geo /css )Dec 1, 2025 129 css One CSS Trick to Eliminate Scrollbar Layout Shifts ami )Nov 28, 2025 128 css , tips-and-tricks Updating CSS Border Radius When a Container Is Overflowing rik )Nov 26, 2025 127 css , borders , overflow How to Add and Remove Items From a Native CSS Carousel (…With CSS) dxn /fro )Nov 26, 2025 126 how-tos , css , carousels Combining Scroll-Driven Animations With “@ starting-style” bra )Nov 6, 2025 125 css , animations Solved by CSS Scroll State Queries: Hide a Header When Scrolling Down, Show It Again When Scrolling Up bra )Oct 22, 2025 124 css HTML “dialog”: Getting Accessibility and UX Right jar )Oct 13, 2025 123 html , modals , accessibility , user-experience 25 New and Rad Features of CSS arg /cas )Oct 13, 2025 122 videos , css , transitions , animations , cascade , selectors , functions , colors Numbers That Fall (Scroll-Driven Animations and Sibling Index) chr /fro )Oct 7, 2025 121 css , html , animations , effects Nested Scroll Bars Are the One of the Biggest Accessibility Evils, Ever Aug 26, 2025 120 accessibility , tables , wcag Horizontal Scrolling Containers Are Not a Content Strategy aar )Aug 1, 2025 119 accessibility , carousels Creating a Scroll-Spy With 2 Lines of CSS una )Jul 29, 2025 118 css The Death of the Click: How Scrolling Took Over the Web web )Jul 28, 2025 117 web , user-experience Scroll-Driven Sticky Heading ami /css )Jul 11, 2025 116 headings , css , animations , positioning , effects A Guide to Scroll-Driven Animations With Just CSS sar /web )Jun 20, 2025 115 guides , css , animations Web Animations Today and Tomorrow bra /dev )May 22, 2025 114 videos , animations , view-transitions , css , web-platform Scroll-Driven Animations Inside a CSS Carousel geo /css )May 15, 2025 113 css , animations , carousels Cover Flow With Modern CSS: Scroll-Driven Animations in Action add )Apr 5, 2025 112 css , animations , transforms , effects , history Carousels With CSS arg /dev )Mar 20, 2025 111 css , carousels Love at First Slide! Creating a Carousel Purely Out of CSS uti )Feb 14, 2025 110 css , carousels , functionality CSS “scrollbar-color” and “scrollbar-gutter” Are Baseline Newly Available bra /dev )Feb 1, 2025 109 css , browsers , support , web-platform Scroll State Queries Are on the Way (and a Bunch More) kev )Jan 22, 2025 108 videos , css , selectors , container-queries , functions Simplify Lazy Loading With Intersection Observer’s “scrollMargin” fro )Jan 20, 2025 107 apis , javascript , lazy-loading , performance CSS “scroll-state()” arg /dev )Jan 15, 2025 106 css , container-queries , examples Using Iframes to Embed Arbitrary Content Is Probably a Bad Idea tem )Dec 29, 2024 105 iframes , embed-code , keyboard-navigation , screen-readers , accessibility Scroll-Driven and Fixed chr /fro )Dec 20, 2024 104 css , animations , positioning Stylish Holidays! Creating a Scroll-Driven Christmas Tree in CSS uti )Dec 17, 2024 103 css , svg , animations , effects An Introduction to CSS Scroll-Driven Animations: Scroll and View Progress Timelines sma )Dec 11, 2024 102 introductions , css , animations Don’t Fuck With Scroll Nov 29, 2024 101 websites , user-experience , usability , accessibility , maintainability Custom Progress Element Using Anchor Positioning and Scroll-Driven Animations css /fro )Nov 13, 2024 100 css , anchor-positioning , animations , progress-indicators Modern CSS for Sites: View Transitions, Scroll Effects, and More arg /dev )Nov 13, 2024 99 videos , css , view-transitions , effects (Up-)Scoped Scroll Timelines chr /fro )Nov 11, 2024 98 css , animations CSS Scroll-Driven Index jhe )Oct 29, 2024 97 code-pens , css , headings Scroll-Driven… Sections chr /fro )Oct 29, 2024 96 css , animations Solved by CSS Scroll-Driven Animations: Hide a Header When Scrolling Down, Show It Again When Scrolling Up bra )Sep 29, 2024 95 hiding , css , animations , techniques How to Make a “Scroll to Select” Form Control pre /css )Sep 25, 2024 94 how-tos , forms , css Under-Engineered Estimated Reading Time Feature aar )Sep 3, 2024 93 user-experience Scroll-Enhanced Experiences car /css )Sep 2, 2024 92 videos , css Custom Range Slider Using Anchor Positioning and Scroll-Driven Animations css /fro )Aug 21, 2024 91 sliders , css , anchor-positioning , animations , forms Elastic Overflow Scrolling css )Aug 21, 2024 90 css , overflow CSS Scroll Snap Module Level 2 tab +/w3c )Jul 23, 2024 89 standards , css Refactoring a Scroll-Driven Animation From JavaScript to CSS and )Jun 10, 2024 88 refactoring , animations , javascript , css Infinite-Scrolling Logos in Flat HTML and Pure CSS cit /sma )Apr 2, 2024 87 branding , animations , techniques , css Animating Clip Paths on Scroll With “@ property” in CSS uti )Mar 26, 2024 86 css , animations , clipping , masking Chill Scroll Snapping: Article Headers chr /fro )Mar 19, 2024 85 css CSS-Only Bottom-Anchored Scrolling Area kit )Feb 26, 2024 84 css Control Lazy Load, Infinite Scroll, and Animations in React Feb 20, 2024 83 react , lazy-loading , animations , javascript Scroll-Driven Animations: You Want “overflow: clip”, not “overflow: hidden” bra )Feb 14, 2024 82 css , overflow , animations How to Fix the Invisible Scrollbar Issue in iOS Browsers sim /fro )Feb 13, 2024 81 how-tos , browsers , mobile , css Highlight Text When a User Scrolls Down to That Piece of Text chr /fro )Jan 23, 2024 80 css , effects A Practical Introduction to Scroll-Driven Animations With CSS “scroll()” and “view()” arg /cod )Jan 17, 2024 79 introductions , animations , css , functions Using Heaps of Cutting Edge CSS Features to Build a Progress Indicator and )Jan 8, 2024 78 css , effects , progress-indicators Scroll-Driven Animations mic /5t3 )Dec 21, 2023 77 animations , css Locking Scroll With “:has()” rob )Dec 20, 2023 76 css , selectors New CSS Viewport Units Do Not Solve the Classic Scrollbar Problem sim /sma )Dec 20, 2023 75 viewport , css , units CSS Scroll Snapping Aligned With Global Page Layout: A Full-Width Slider Case Study uti /sma )Dec 13, 2023 74 sliders , css , layout , case-studies Scroll Fading 101 nng )Dec 8, 2023 73 interaction-design , usability Preventing Scroll “Bounce” With CSS mic )Nov 25, 2023 72 css Never Use “Scroll” Value for Overflow kiz )Nov 10, 2023 71 css , overflow Solved by CSS Scroll-Driven Animations: Style an Element Based on the Active Scroll Direction and Scroll Speed bra )Oct 23, 2023 70 css , animations Scroll-Driven State Transfer kiz )Oct 16, 2023 69 css Scrollbars Are Becoming a Problem art )Oct 12, 2023 68 usability , accessibility Solved by CSS Scroll-Driven Animations: Detect if an Element Can Scroll or Not bra )Sep 16, 2023 67 css , animations Scroll Shadows With “animation-timeline” dav )Aug 18, 2023 66 shadows , css Scrolljacking 101 nng )Aug 6, 2023 65 user-experience No Exit—Every Feed Is a Traffic Jam mus /uxd )Aug 2, 2023 64 social-media , user-experience Scroll Progress Animations in CSS mic /mdn )Jul 14, 2023 63 css , animations , progress-indicators A Case Study on Scroll-Driven Animations Performance dev )Jul 12, 2023 62 animations , performance , css , javascript Faking a “:snapped” Selector With Scroll-Driven Animations bra )Jun 26, 2023 61 css , selectors , animations The Problem With Sticky Menus That Appear on Scroll and What to Do Instead ada )Jun 18, 2023 60 navigation , user-experience Creating Scroll-Triggered Animations by Combining Scroll-Driven Animations, Custom Properties, Style Queries, and Transitions bra )Jun 15, 2023 59 css , animations , transitions , custom-properties , style-queries How (and Should?) We Stop the Infinite Scroll uxd )Jun 14, 2023 58 user-experience Liven Up Your Websites With Scroll-Driven Animations and View Transitions bra /css )Jun 9, 2023 57 videos , css , animations , view-transitions Sticky Content: Focus in View tet )Jun 8, 2023 56 accessibility , focus , css The CSS “overscroll‑behavior” Property Can Be Used to Disable Default Browser Gestures sim )Jun 8, 2023 55 css Styling Scrollbars oll )Jun 6, 2023 54 css Scroll-Driven Animations bra )May 5, 2023 53 websites , animations Don’t Use Custom CSS Scrollbars eri )May 3, 2023 52 css Sticky Page Header Shadow on Scroll hex )Apr 2, 2023 51 css , shadows Rotating Gallery With CSS Scroll-Driven Animations jhe )Feb 4, 2023 50 html , css , javascript , animations Locking “body” Scroll for Modals on iOS jfr )Jan 24, 2023 49 css , modals Infinite Scrolling: When to Use It, When to Avoid It nng )Jan 6, 2023 48 videos , usability Implement Scroll-Snapping Using Only CSS Dec 11, 2022 47 css Infinite Scrolling: When to Use It, When to Avoid It nng )Sep 4, 2022 46 usability , user-experience How I Added Scroll Snapping to My Twitter Timeline sim /css )Aug 5, 2022 45 css , twitter+x Better Scrolling Through Modern CSS may )Jun 11, 2022 44 css Hamburger Footer: Reaching the Bottom of Infinite Scroll Jun 2, 2022 43 usability , navigation The Story of the Custom Scrollbar Using CSS May 26, 2022 42 css A Simple Way to Create a Slideshow Using Pure CSS zor /css )Apr 4, 2022 41 videos , css Designing a Better Infinite Scroll vit /sma )Mar 30, 2022 40 navigation , pagination Horizontal Scrolling Nav mdo )Mar 10, 2022 39 javascript Preventing Smooth Scrolling With JavaScript kil )Jan 31, 2022 38 javascript Prevent Scroll Chaining With Overscroll Behavior sha )Oct 21, 2021 37 css Scrollbar Reflowing chr /css )Aug 24, 2021 36 reflow , user-experience 2021 Scroll Survey Report arg /dev )Aug 2, 2021 35 surveys , css Overflow Issues in CSS sha /sma )Apr 14, 2021 34 css , overflow , flexbox , grids , layout Scroll-Bounce Page Background Colour tem )Jan 24, 2021 33 backgrounds , colors , css How to Find the Cause of Horizontal Scrollbars kil /pol )Oct 8, 2020 32 how-tos , css , overflow , debugging That’s Just How I Scroll chr /css )Aug 14, 2020 31 user-experience Hide Scrollbars During an Animation chr /css )Jun 24, 2020 30 css , animations , transitions An Overview of Scroll Technologies zac /css )Jun 22, 2020 29 overviews , animations , css , javascript , tooling What Is Parallax Scrolling, Explained With Examples Jun 4, 2020 28 parallax , effects , examples On Fixed Elements and Backgrounds hui )May 25, 2020 27 css , backgrounds , positioning , performance Hiding Scroll Bars While Maintaining Scroll Functionality in Modern Browsers May 17, 2020 26 css , hiding Fixed Headers and Jump Links? The Solution Is “scroll-margin-top” chr /css )Feb 21, 2020 25 positioning , css Styling Based on Scroll Position chr /css )Mar 7, 2019 24 css , selectors Using IntersectionObserver to Check if Page Scrolled Past Certain Point chr /css )Feb 21, 2019 23 apis , javascript CSS Smooth Scrolling rik )Feb 14, 2019 22 css Practical CSS Scroll Snapping css )Aug 15, 2018 21 css Scroll Bouncing on Your Websites sma )Aug 15, 2018 20 css Your Interactive Makes Me Sick Mar 1, 2018 19 accessibility , examples , user-experience A Comprehensive Guide to Web Design sma )Nov 21, 2017 18 guides , design , content , information-architecture , navigation , content-strategy , forms , accessibility Performant Parallaxing aer /dev )Dec 2, 2016 17 css , effects , parallax , positioning , performance 6 jQuery Infinite Scrolling Demos Apr 5, 2016 16 jquery , examples What’s Coming for CSS: Compatibility and Control Apr 3, 2016 15 css , houdini , grids , layout Infinite Scrolling, Pagination, or “Load More” Buttons? Usability Findings in Ecommerce sma )Mar 1, 2016 14 usability , ecommerce , pagination , buttons The 10 Big Web Design Trends of 2015 Dec 1, 2015 13 design , layout , trends , minimalism , flat-design , animations , colors , backgrounds , typography Google Will Fix Chrome’s Scrolling With Microsoft’s Help eng )Mar 26, 2015 12 chrome , google , browsers , microsoft Scroll-Then-Fix Content chr /css )Sep 17, 2014 11 css , debouncing SEO-Friendly Infinite Scroll Apr 9, 2014 10 seo Building the New Financial Times Web App (A Case Study) sma )May 23, 2013 9 web-apps , css , case-studies Scrolling Performance aer /dev )Dec 20, 2012 8 performance Infinite All-CSS Scrolling Slideshow chr /css )Aug 21, 2011 7 images , css , effects WebKit Now Let’s You Style Scrollbars dal /aja )Mar 20, 2009 6 css , webkit , browser-engines Interview With Jakob Nielsen Jul 19, 2006 5 interviews , ajax , usability , user-conversion , testing , monetization JavaScript: Scroll to Bottom of a Div Dec 14, 2005 4 html , javascript Scrolling and Scrollbars nng )Jul 11, 2005 3 usability , design More Usable Forms—Controlling Scroll Position Sep 15, 2004 2 forms , usability , html , javascript , coldfusion “Top Ten Mistakes” Revisited Three Years Later nng )May 2, 1999 1 design , mistakes , frames , urls , retrospectives 