Josh W. Comeau is a frontend developer, educator and creator known for his engaging tutorials and deep dives into modern web development. On his blog he writes about React, CSS, animation, accessibility and design systems, combining technical precision with visual storytelling. His interactive posts make complex concepts easy to understand and help developers learn how the browser really works. Josh is the author of the popular course The Joy of React. His articles often explore the creative and human side of programming, mixing code with empathy and fun. His blog stands out for its clarity, practical value and beautifully crafted interactive examples.
81 articles from this blog
A detailed guide to a modern CSS reset, explaining each rule and its benefits for improving web development.
Introducing the Shadow Palette Generator, a tool for creating cohesive sets of CSS shadows for web design.
A CSS tutorial on creating realistic, beautiful shadows using techniques like layering and color-matching to improve web design.
A deep-dive tutorial on CSS keyframe animations, covering syntax, timing functions, loops, and advanced techniques for developers.
A deep dive into the CSS transform property, exploring functions like translate, scale, rotate, and skew for dynamic web effects.
A guide to effective learning strategies for developers, focusing on mixing guided and unguided learning to avoid tutorial hell.
A technical deep-dive into how styled-components works under the hood by building a mini-clone, aimed at experienced React developers.
A developer explains the tech stack and process used to build their custom blog, focusing on Next.js and MDX for flexibility.
A tutorial for front-end developers on how to create a whimsical, interactive 3D button using only HTML and CSS.
A JavaScript developer argues for prioritizing CSS skills to improve quality of life and career, especially for those who find it frustrating.
An article explaining the CSS z-index property, its common pitfalls, and how stacking contexts affect element layering.
An in-depth tutorial on CSS Transitions, covering fundamentals, timing functions, performance, and UX best practices for web animations.
A guide to advanced tips and best practices for using styled-components in React to improve code quality and developer happiness.
A web development article advocating for the return of spacer GIFs as a layout tool, with modern React component examples.
A tutorial on refreshing server-side data in Next.js without a full page reload, focusing on the Pages Router.
A deep dive into the rules and edge cases of CSS margin collapse, explaining when and why vertical margins overlap.
Explores the challenges of achieving pixel-perfect design implementation in web development across different devices and browsers.
A developer shares how they overcame a repetitive-strain injury (RSI) and now codes using voice commands and an eye-tracker.
A tutorial on creating a full-bleed webpage layout using CSS Grid, focusing on improving readability for long-form content.
