Play it, Sam. Play “Speech Synthesis”
Terence Eden’s Numbers Station uses the Web Speech API to generate text-to-speech audio, turning web content into engaging audio experiences for podcasts and audiobooks.
By David Bushell26 Jul 2025Designing Better UX For Left-Handed People
Addressing the lack of inclusive design for left-handed users, with patterns and insights from a friendly UX video course on smarter interface design.
By Vitaly Friedman25 Jul 2025How to Discover a CSS Trick
Discover how creative constraints and recursive thinking lead to innovative CSS tricks, blending experimentation with unexpected solutions.
By CSS-Tricks25 Jul 2025Atomic Design Certification Course
Revisiting the origins of Atomic Design, its influence on component-based development, and the certification course that helps you master the methodology.
By CSS-Tricks24 Jul 2025Reform Collective: A New Website, Designed to Be Seen
Exploring how Reform Collective’s new site achieves clarity and performance through AI, GSAP, and CSS hacks, emphasizing clean structure and user experience.
By Codrops24 Jul 2025Motion Highlights #11
A curated showcase of impressive motion design and animation work from the creative web community.
By Codrops24 Jul 2025Better max-width queries
Simplify media queries with range-based syntax. Use `@media (width < 60em)` for cleaner, more predictable responsive designs, especially when supporting Safari 16.3.
By Trys Mudford24 Jul 2025A First Look at the Interest Invoker API (for Hover-Triggered Popovers)
A first look at Chrome 139’s experiment with the Interest Invoker API, enabling hover-triggered UI elements like tooltips and quick actions.
By CSS-Tricks23 Jul 2025Celebrating 20 years of MDN
Celebrating 20 years of MDN Web Docs – tracing its journey, impact on the web community, and its role as a trusted developer resource.
By joe-walker23 Jul 2025Interactive Text Destruction with Three.js, WebGPU, and TSL
Creating interactive 3D text effects with exploding letters using Three.js, WebGPU, and TSL – dive into the techniques behind dynamic web animations.
By Codrops22 Jul 2025What's new in DevTools, Chrome 139
Enhancements in Chrome DevTools boost reliability and productivity, with new support for arbitrary image uploads in AI styling assistance and more handy features for developers.
By developer.chrome.com22 Jul 2025How To Monitor Single Page Application Performance
Explore how to diagnose and resolve common performance issues in single-page applications, ensuring smoother user experiences through actionable data.
By DebugBear22 Jul 2025State of HTML 2025 now open!
The State of HTML 2025 survey is open! Contribute your insights to influence browser development priorities and help shape the future of web standards.
By Lea Verou22 Jul 2025Introducing Zustand (State Management)
Zustand offers a lightweight, effective approach to state management that can boost your app’s rendering performance with minimal fuss.
By Frontend Masters21 Jul 2025A Friendly Introduction to SVG
Discover the power of SVGs – fully CSS- and JavaScript-accessible graphics. This guide covers fundamentals and showcases some of the coolest tricks you can do with SVG.
By Josh W. Comeau21 Jul 2025A Primer on Focus Trapping
An introduction to focus trapping – managing keyboard focus within elements to improve accessibility, despite the complexities involved.
By CSS-Tricks21 Jul 2025Handling JavaScript Event Listeners With Parameters
Handling event listeners in JavaScript – prevent memory leaks, pass parameters effectively, and explore features that support robust event management.
By Amejimaobari Ollornwi21 Jul 2025
Create an interactive, animated carousel that displays 3D rotating text using vanilla JavaScript, HTML, and CSS. Experiment with WebGL or Canvas to add depth and dimension, and use native APIs to make the text respond to user interactions like clicks or scrolls. Challenge yourself to make it both visually stunning and accessible, ensuring smooth performance across devices.
Why did the JavaScript function stop running? Because it had too many callbacks and needed a promise of rest!