Animated Sparkles in React
A technical guide on creating animated sparkle effects for text and images in React, including planning, animation, and accessibility.
Personal blog about React, CSS, and web development
79 Articles from this blog
A technical guide on creating animated sparkle effects for text and images in React, including planning, animation, and accessibility.
A developer shares insights and lessons learned from speaking at tech conferences, including idea generation and personal experiences.
A guide on implementing accessible animations in React using the prefers-reduced-motion media query to respect user motion preferences.
The author explains why they chose to make their personal blog closed-source, citing reduced friction, private drafts, and avoiding code maintenance.
A technical guide to implementing a perfect, flicker-free Dark Mode for React applications using Gatsby or Next.js.
A guide for React developers on using CSS Variables (Custom Properties) to enhance styling workflows and unlock new possibilities.
A guide to styling ordered lists using CSS counters and the ::marker pseudo-element for custom list numbering.
Announcing use-sound, a React Hook for adding sound effects to web applications, with tips for tasteful implementation.
Analyzes how developers without CS degrees got their first jobs, based on a survey of 450+ Twitter responses.
A developer explores a React SSR hydration bug, explaining the cause and solution for mismatched client/server rendering.
A tutorial on creating a custom React hook to persist state in localStorage, making user preferences sticky across page refreshes.
A developer shares the highest-ROI tip for productivity: improving collaboration with product and design teams to boost velocity.
A technical guide on creating animated rainbow gradients in CSS, detailing the evolution from a basic approach to a more dynamic solution.
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.
A software developer shares their personal experience with remote work, debunking common myths and explaining their flexible office routine.
Argues that overly clever code is harmful in production environments, using Project Euler examples to contrast with maintainable code.
A front-end developer explores using 3D CSS transforms to create a realistic folding image animation effect in the DOM.
A technical guide on creating dynamic, scroll-responsive Bézier curves and swoopy shapes using SVG and React.
A guide to animating list reordering in React, a common challenge not solvable with standard CSS transitions or animation APIs.