Josh Comeau
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.
react
css
frontend
Articles from this Blog
85 articles from this blog
11/2/2020
•
EN
Chasing the Pixel-Perfect Dream
Explores the challenges of achieving pixel-perfect design implementation in web development across different devices and browsers.
10/21/2020
•
EN
Hands-Free Coding
A developer shares how they overcame a repetitive-strain injury (RSI) and now codes using voice commands and an eye-tracker.
10/5/2020
•
EN
Full-Bleed Layout Using CSS Grid
A tutorial on creating a full-bleed webpage layout using CSS Grid, focusing on improving readability for long-form content.
9/21/2020
•
EN
A Friendly Introduction to Spring Physics
An introduction to spring physics for web animations, explaining how they create more fluid and realistic motion compared to CSS transitions.
5/26/2020
•
EN
Local Testing on an iPhone
A guide on how to test local web development code directly on an iPhone using the ngrok tunneling service for reliable mobile debugging.
5/19/2020
•
EN
Animated Sparkles in React
A technical guide on creating animated sparkle effects for text and images in React, including planning, animation, and accessibility.
5/6/2020
•
EN
Lessons Learned Speaking at Conferences
A developer shares insights and lessons learned from speaking at tech conferences, including idea generation and personal experiences.
5/4/2020
•
EN
Accessible Animations in React
A guide on implementing accessible animations in React using the prefers-reduced-motion media query to respect user motion preferences.
4/30/2020
•
EN
Why My Blog is Closed-Source
The author explains why they chose to make their personal blog closed-source, citing reduced friction, private drafts, and avoiding code maintenance.
4/22/2020
•
EN
The Quest for the Perfect Dark Mode
A technical guide to implementing a perfect, flicker-free Dark Mode for React applications using Gatsby or Next.js.
4/13/2020
•
EN
CSS Variables for React Devs
A guide for React developers on using CSS Variables (Custom Properties) to enhance styling workflows and unlock new possibilities.
4/7/2020
•
EN
Styling Ordered Lists with CSS Counters
A guide to styling ordered lists using CSS counters and the ::marker pseudo-element for custom list numbering.
3/30/2020
•
EN
Announcing “use-sound”, a React Hook for Sound Effects
Announcing use-sound, a React Hook for adding sound effects to web applications, with tips for tasteful implementation.
3/16/2020
•
EN
Becoming a Software Developer Without a CS Degree
Analyzes how developers without CS degrees got their first jobs, based on a survey of 450+ Twitter responses.
3/2/2020
•
EN
The Perils of Hydration
A developer explores a React SSR hydration bug, explaining the cause and solution for mismatched client/server rendering.
2/24/2020
•
EN
Persisting React State in localStorage
A tutorial on creating a custom React hook to persist state in localStorage, making user preferences sticky across page refreshes.
1/21/2020
•
EN
Effective Collaboration with Product and Design
A developer shares the highest-ROI tip for productivity: improving collaboration with product and design teams to boost velocity.
1/13/2020
•
EN
Magical Rainbow Gradients
A technical guide on creating animated rainbow gradients in CSS, detailing the evolution from a basic approach to a more dynamic solution.
12/19/2019
•
EN
Finding your first remote job
A guide on how to find and evaluate your first remote job, including where to look and how to assess a company's remote-friendliness.