Fragments: A Platform for Learning Creative Coding with Shaders
Dive into shader fundamentals by exploring techniques, tweaking utilities, and remixing over 120 sketches to create unique generative art pieces.
By Codrops17 Oct 2025Creating Smooth Scroll-Synchronized Animation for OPTIKKA: From HTML5 Video to Frame Sequences
Discover how Zajno crafted OPTIKKA’s smooth, scroll-synced animations using frame sequences instead of HTML5 video for enhanced control and performance.
By Codrops16 Oct 2025closedBy=any
Quick guide on using `<dialog>`'s `closedBy="any"` attribute for easy light-dismiss functionality, with tips on browser support and custom JavaScript enhancements.
By Adam Argyle16 Oct 2025Making Context-Aware Components: How CSS inherit() Could Simplify Design Systems
Exploring the upcoming `inherit()` CSS function, which aims to enhance how child elements access parent custom properties, paving the way for more context-aware, flexible design systems.
By Always Twisted16 Oct 2025... and that's my rank!
Firefox is experimenting with community input for the Interop 2026 project, aiming to standardize web features across browsers by addressing bugs and improving existing standards through collaborative efforts.
By Always Twisted16 Oct 2025Why JavaScript variables don’t always update
A JavaScript trivia from Cassidy Williams highlights a key concept to master before JavaScript job interviews, emphasizing understanding core behaviors for technical success.
By Frontend Masters15 Oct 2025Sequential linear() Animation With N Elements
Achieve sequential animations for multiple elements effortlessly with modern CSS, making animations scalable regardless of the number of items.
By CSS-Tricks15 Oct 2025From Blank Canvas to Mayhem: Eloy Benoffi’s Brutalist, Glitchy Portfolio Built with Webflow and GSAP
Experience a glitchy web design blending brutalist structures, maximalist visuals, ASCII art, and bold motion for an unapologetically chaotic digital space.
By Codrops15 Oct 2025🦋 Design with intent. Emotionally smart colours in your UI.
Updating a UI flow with a focus on color can significantly influence user trust and clarity, demonstrating the power of visual design in user experience.
By Unicorn Club15 Oct 2025The present and potential future of progressive image rendering
An overview of progressive image rendering techniques across JPEG, PNG, WebP, AVIF, and JPEG XL formats.
By Jake Archibald15 Oct 2025A11Y Linting HTML with CSS
Will Mendes demonstrates a quick way to identify accessibility issues on HTML elements, like missing alt text and improper labels, using a simple injected JavaScript snippet for instant website testing.
By Frontend Masters14 Oct 2025The Underdog’s Crown: Clay Boan’s 3D Playground of Design, Motion, and GSAP Magic
A case study on how 3D, WebGL, and GSAP animations combine in Clay Boan’s portfolio to craft a personal, dynamic web experience.
By Codrops14 Oct 2025Highlights from our AI in Action workshop
Showcasing how client-side AI and built-in APIs are integrated into NYC startups’ products for faster, more private, and engaging user experiences.
By developer.chrome.com14 Oct 2025Web Weekly #170 (#blogPost)
Discover CSS functions, the ARIA live region role of HTML output elements, and more in this week's Web Weekly, along with music recommendations and community shoutouts.
By Stefan Judis13 Oct 2025Modern CSS Round-Out Tabs
Learn how to create a folder tab effect by manually shaping elements with CSS `shape()`, giving your UI a custom, tab-like appearance.
By Frontend Masters13 Oct 2025Masonry: Watching a CSS Feature Evolve
Explore how CSS Masonry discussions influence the development of new CSS features, the role of CSSWG, and lessons from past feature evolutions.
By CSS-Tricks13 Oct 2025Performance Debugging With The Chrome DevTools MCP Server
Use Chrome DevTools MCP server with AI models to analyze web performance, gaining actionable insights and optimization tips.
By DebugBear13 Oct 2025
Design a digital art gallery using HTML, CSS, and JavaScript where users can remix generative art sketches using shader effects. Implement scroll-synced animations for transitioning between art pieces and include a glitchy design element for a chaotic aesthetic. Use native APIs to play ambient sounds triggered by user interactions, and ensure the gallery is accessible to all users.
Why did the JavaScript developer go broke? Because they kept using 'this' in all the wrong contexts.