Firefox DevTools hides unreferenced CSS variables (#note)
Firefox DevTools now offers a handy feature to declutter CSS variable inspection, making debugging complex styles more manageable.
By Stefan Judis09 Jan 2026Death to Scroll Fade!
Scroll fade effects subtly animate elements as they enter the viewport, adding a touch of elegance to web design with minimal distraction.
By David Bushell09 Jan 2026Beyond the Mouse: Animating with Mobile Accelerometers
Creating a 3D tilt effect on hover – adapting it for mobile by using the phone’s sensors instead of a cursor for an engaging interaction.
By Frontend Masters09 Jan 2026The Spark: Engineering an Immersive, Story-First Web Experience
Explore the creation of The Spark – a cinematic, scroll-driven web experience blending storytelling, motion, sound, and performance seamlessly in the browser.
By Codrops09 Jan 2026Popover Context Menus with Anchor Positioning
Enhancing context menus with smooth animations and smart positioning to prevent cutoff, creating a more polished user experience.
By Frontend Masters08 Jan 2026React has changed, your Hooks should too
Exploring common patterns in React Hooks usage, highlighting opportunities to improve code clarity and reduce repetitive practices.
By Frontend Masters08 Jan 2026Future CSS: :drag (and Maybe ::dragged-image?)
Future CSS ideas for styling elements during drag interactions, with insights into potential solutions like :drag and ::dragged-image.
By CSS-Tricks07 Jan 2026Infinite Canvas: Building a Seamless, Pan-Anywhere Image Space
Building an infinite, pannable image canvas with React Three Fiber using chunk-based rendering and performance-focused techniques for smooth exploration.
By Codrops07 Jan 2026What's New in WebGPU (Chrome 144)
Updates on WGSL’s subgroup_id and uniform_buffer_standard_layout extensions, plus WebGPU’s progress on Linux.
By developer.chrome.com07 Jan 20264 CSS Features Every Front-End Developer Should Know In 2026
Essential CSS features shipped in 2025, including scroll querying, whitespace trimming, sibling-based staggering, and type-safe attributes – key tools for modern front-end development.
By Adam Argyle07 Jan 2026Web dependencies are broken. Can we fix them?
Debunking the npm security rant – celebrating dependencies as vital, reusable building blocks in modern ecosystems, and criticizing the myth of dependency-free code.
By Lea Verou07 Jan 2026AI writes code faster. Your job is still to prove it works.
AI has clarified the code review process by emphasizing evidence-based validation through manual checks and automated tests, enhancing accountability.
By Addy Osmani07 Jan 2026RSCs
React Server Components are widely used, especially within Next.js, often without users realizing it – offering benefits in performance and bundle size.
By Frontend Masters06 Jan 2026What's new in DevTools, Chrome 144
Highlights from Chrome DevTools: MCP server, request throttling, adopted stylesheets, and key 2025 features.
By developer.chrome.com06 Jan 2026Web Weekly #179 (#blogPost)
A look at upcoming CSS features like masonry syntax, dialog enhancements, and @scope – plus a fresh Web Weekly redesign and a community playlist.
By Stefan Judis05 Jan 2026How to @scope CSS Now That It’s Baseline
Discover techniques to declare scoped styles on specific selectors, down to nested elements, or globally – improving CSS modularity and control.
By Frontend Masters05 Jan 2026How to Create a Pixel-to-Voxel Video Drop Effect with Three.js and Rapier
Voxelizing video pixels into a 3D physics world with Three.js, shaders, and Rapier – an immersive approach to video manipulation.
By Codrops05 Jan 2026We Fixed A 6-Year-Old JavaScript Memory Leak
Diagnosing and fixing a lodash memoize memory leak causing crashes in Google Cloud Functions – an example of troubleshooting performance issues.
By DebugBear05 Jan 2026
Create a scroll-driven web experience that tells a story through motion and sound. Use HTML, CSS, and JavaScript to build a page where elements animate into view as the user scrolls. Incorporate audio that plays in sync with the scrolling, and ensure it performs smoothly across different devices. Optionally, use Canvas or WebGL to add visual depth, and consider experimenting with scroll-triggered animations for an engaging, narrative-driven user experience.
Why did the JavaScript developer go broke? Because he kept trying to make fetch happen.