<code>align-items: center</code> vs. <code>text-align: center</code>
Explains the key difference between `align-items: center` and `text-align: center` in Flexbox columns, especially for cross-platform React development.
Explains the key difference between `align-items: center` and `text-align: center` in Flexbox columns, especially for cross-platform React development.
A guide to generating custom shades of grey using the CSS color-mix() function for web design and UI development.
An interactive guide explaining CSS container queries, their purpose, and how to implement them for responsive component design.
A guide to essential frontend technologies for freelancers, covering HTML, CSS, JavaScript, responsive design, and version control.
A nostalgic look back at the early days of web development, from table layouts to dial-up modems, by a developer with 20 years of experience.
Explores using the CSS color-mix() function to generate consistent color palettes and variations within a design system.
An article discussing the perceived devaluation and trivialization of frontend development, focusing on HTML and CSS.
Learn how to dynamically style CSS pseudo-elements like ::after using JavaScript and CSS custom properties (variables).
A personal reflection on the acquisition and uncertain future of CSS-Tricks, a popular web development blog, following its purchase by DigitalOcean.
A curated list of February 2024 bookmarks on web development, CSS, sustainability, and AI criticism from various authors and sources.
Explains why reusable UI components should avoid outer margins and padding, as they break encapsulation and create layout issues.
An overview of classless CSS libraries for quickly styling small web projects without large frameworks.
Explores the concept of utility-first CSS, contrasting it with traditional CSS methodologies and discussing its role and limitations in web styling.
Explains the 'cascade' in CSS, detailing how the browser prioritizes styles from different sources like user agent, author, and third-party stylesheets.
A developer details the technical process of typesetting and laying out a self-published book for web, EPUB, and print formats.
A developer details how they fixed blurry font rendering in Safari on iOS by correctly configuring the @font-face rule for a variable font.
Updates to an Eleventy starter project, including CSS bundling with Parcel, switching to CSS custom properties, and using Utopia for fluid typography.
A developer defends Tailwind CSS against common criticisms, arguing it's not inline CSS and demonstrating its utility with code comparisons.
A clever CSS technique for creating rounded gradient borders that work with semi-transparent or blurred backgrounds, using masks and pseudo-elements.
Learn how to use CSS's height: auto to override HTML image dimensions for responsive design without distortion.