A guide for aspiring web developers on choosing programming languages, covering essential frontend (HTML, CSS, JavaScript) and backend options.
Explores creative and lesser-known applications of CSS pseudo-elements, such as hover effects and expanding clickable areas, with practical code examples.
Explains how to conditionally apply CSS classes in React using JavaScript template literals instead of the popular classnames package.
Explains the roles of HTML, CSS, and JavaScript in web development using a house analogy to illustrate structure, style, and behavior.
A technical guide on implementing a dark mode theme for a website using CSS custom properties and the prefers-color-scheme media query.
Explains the inconsistent browser handling of image EXIF orientation and provides a Node.js solution to fix portrait images uploaded from phones.
A tutorial on recreating the Apple Music playback header using HTML and CSS, focusing on layout with Flexbox and CSS Grid.
Explains why CSS :hover, :focus, and :active states should be styled differently for better accessibility and user experience.
A tutorial on creating custom CSS focus styles, demonstrating techniques from Smashing Magazine, WTF Forms, and Slack.
Analyzes the pros and cons of browser default focus styles and explores custom design alternatives for better accessibility and branding.
A detailed guide to a modern, lightweight CSS reset that explains the reasoning behind each rule and its benefits for web development.
A CSS tutorial on creating more realistic and nuanced shadows using layered box-shadows for finer control over sharpness and spread.
A reflection on web development fundamentals, arguing for prioritizing accessibility, HTML, and CSS over JavaScript frameworks to build a web for everyone.
A tutorial explaining the CSS Flexbox layout model, covering core properties like flex-direction and flex-wrap for creating responsive designs.
A tutorial on creating layouts using core CSS concepts like floats, positioning, and the box model, emphasizing understanding fundamentals before using libraries.
Argues that front-end developers must learn foundational HTML and CSS before JavaScript to build robust, maintainable applications.
A short blog post discussing a technical web design issue: making footers stick on pages with minimal content.
Argues against CSS-in-JS for most projects, advocating for traditional stylesheets and methodologies like BEM for better maintainability.
A developer details the CSS techniques used to create an animated rice ball dessert for a CodePen challenge, focusing on clip-paths, animations, and textures.
An article exploring the unique mindset required to write effective CSS, focusing on its declarative nature and core concepts.
