Css Articles
Not sharing GIFs
A developer explains why sharing GIFs on LinkedIn is problematic for accessibility and performance, and suggests alternatives.
A couple CSS tricks for HTML Dialog elements
Learn two useful CSS tricks for styling HTML Dialog elements: blurring the backdrop and disabling page scrolling when open.
A single element CSS donut timer/countdown timer, that can sit on any background
A tutorial on creating a pure CSS donut-shaped countdown timer using conic gradients and masks, compatible with any background.
2024 in review
A Google developer's 2024 review covering team achievements, web platform contributions, CSS work, and personal reflections on work-life balance.
Public speaking in 2024
A Google developer reflects on public speaking in 2024, discussing talks on the Baseline project, CSS specifications, and the changing conference landscape.
The beautiful sentence that is the web
A technical musing on the role of JavaScript in web development, comparing HTML, CSS, and JS to parts of a sentence.
A progress update on reading-flow
An update on the new CSS reading-flow property, which solves layout and source order disconnect issues in grid and flexbox.
A progress update on reading-flow
An update on the new CSS reading-flow property, which solves layout and source order disconnect issues in grid and flexbox.
How to add copy-paste only text in HTML (plus a React component)
A guide to adding invisible text in HTML that only appears when copy-pasted, including a practical React component implementation.
How to Create Modern Buttons Using Only CSS
A tutorial on creating modern, animated buttons using only CSS, including hover effects and variations.
Solved By Modern CSS: Feature Image
A tutorial on using modern CSS container queries and the :has() selector to create a responsive feature image component with dynamic caption styling.
Redesign: Version 7.0: Sidebars, light-dark, and Bluesky
The author details the latest redesign of their personal website, version 7.0, focusing on new sidebars, a light-dark theme, and Bluesky integration.
I wrote a course, but it’s so much more than that
Author announces 'Complete CSS' course, emphasizing the importance of soft skills like communication for top-level front-end development.
A Framework for Evaluating Browser Support
A developer's framework for deciding when to use new CSS features, considering fallback experiences and browser support.
When is the right time to share our excitement about new web features?
A Chrome DevRel lead discusses the balance between promoting new web features and respecting developers' need for stable, cross-browser compatible tools.
Practicing Typography podcast
A casual podcast discussing CSS Masonry syntax proposals and the iterative design process in architecture, drawing parallels to software development.
In search of the perfect autocomplete for CSS
A developer compares CSS autocomplete behavior in VSCode, Neovim plugins, and Sublime Text, arguing Sublime's handling of semicolons is superior.
A Friendly Introduction to Container Queries
An introduction to CSS Container Queries, explaining their importance and how to use them for component-based responsive design.
CSS Masonry Layout Syntax
Explores the proposed CSS syntax for creating masonry layouts, a grid-like design popularized by Pinterest, and the debate around its implementation.