The Flexbox Holy Albatross Reincarnated
A technical guide to creating responsive Flexbox layouts that switch between horizontal and vertical columns using flex-basis, without media queries.
A technical guide to creating responsive Flexbox layouts that switch between horizontal and vertical columns using flex-basis, without media queries.
A developer's quest to solve a specific CSS Flexbox layout problem without using media queries, culminating in a JavaScript-based solution.
Explains the CSS mask property with a practical demo for dynamically coloring SVG icons using CSS variables and JavaScript.
A front-end developer's 2018 year-end review, focusing on CSS Grid, CSS variables, and the launch of their CSS-focused blog.
A developer shares their personal, opinionated CSS reset/base file, explaining the rationale behind each style rule and modification.
A technical guide to making the HTML <abbr> element accessible for touchscreen, keyboard, and mouse users with custom CSS.
A critical look at the CSS pointer-events property, arguing against its use on standard HTML elements while acknowledging valid SVG use cases.
Explores the CSS visibility property's impact beyond visual display, covering accessibility, layout, and interactivity.
Exploring CSS-only techniques to detect if an HTML input field is empty, using validation attributes like `required` and `pattern`.
Explains how the CSS pseudo-classes :hover, :focus, and :active behave with different input devices like mouse, keyboard, and touchscreen.
An analysis of CSS resets in modern web development, discussing their purpose, evolution, and continued relevance for cross-browser styling.
Explains CSS environment variables, their differences from CSS custom properties, and their use cases like safe-area-inset for notches.
A front-end developer reflects on the undervaluation of HTML/CSS skills and argues for respect across web development specializations.
Explains two methods for providing CSS fallbacks to support older browsers: property fallbacks and feature queries (@supports).
A tutorial on using CSS Flexbox to create a simple, responsive email subscription form with proper alignment and spacing.
A list highlighting 20 influential women in web design and development, celebrating their contributions and providing role models in tech.
A discussion on CSS specificity and the cascade, sparked by a Twitter poll, highlighting the importance of fundamental CSS knowledge.
Explains the CSS :empty and :blank pseudo-selectors, their differences, and practical use cases for styling empty elements and creating empty states.
A developer demonstrates how to use Netlify Drop to deploy a fun, interactive mic-dropping animation built with HTML and CSS.
A speculative look at the future evolution of the web, based on its history from 1991 to modern JavaScript frameworks.