Designing Beautiful Shadows in CSS
A CSS tutorial on creating realistic, beautiful shadows using techniques like layering and color-matching to improve web design.
Personal blog about React, CSS, and web development
79 Articles from this blog
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.
An introduction to spring physics for web animations, explaining how they create more fluid and realistic motion compared to CSS transitions.
A guide on how to test local web development code directly on an iPhone using the ngrok tunneling service for reliable mobile debugging.