CSS Pulse Animation
A tutorial on creating a CSS pulse animation using keyframes, box-shadow, and CSS variables for reusable, performant effects.
A tutorial on creating a CSS pulse animation using keyframes, box-shadow, and CSS variables for reusable, performant effects.
A guide to using CSS container queries for responsive design, focusing on a practical layout pattern for email metadata.
New CSS attr() function capabilities allow referencing colors, numbers, and more from HTML attributes directly in styles, moving beyond just strings.
A developer explains why sharing GIFs on LinkedIn is problematic for accessibility and performance, and suggests alternatives.
Summary of recent updates to the customizable select API, including new pseudo-elements, style changes, and usage examples.
Learn two useful CSS tricks for styling HTML Dialog elements: blurring the backdrop and disabling page scrolling when open.
A tutorial on creating a pure CSS donut-shaped countdown timer using conic gradients and masks, compatible with any background.
A Google developer's 2024 review covering team achievements, web platform contributions, CSS work, and personal reflections on work-life balance.
A Google developer reflects on public speaking in 2024, discussing talks on the Baseline project, CSS specifications, and the changing conference landscape.
A technical musing on the role of JavaScript in web development, comparing HTML, CSS, and JS to parts of a sentence.
An update on the new CSS reading-flow property, which solves layout and source order disconnect issues in grid and flexbox.
An update on the new CSS reading-flow property, which solves layout and source order disconnect issues in grid and flexbox.
A guide to adding invisible text in HTML that only appears when copy-pasted, including a practical React component implementation.
A tutorial on creating modern, animated buttons using only CSS, including hover effects and variations.
A tutorial on using modern CSS container queries and the :has() selector to create a responsive feature image component with dynamic caption styling.
A developer shares a specific CSS Flexbox inconsistency between Firefox and Chrome, and the solution using flex: 1 and min-width: 0.
The author details the latest redesign of their personal website, version 7.0, focusing on new sidebars, a light-dark theme, and Bluesky integration.
Author announces 'Complete CSS' course, emphasizing the importance of soft skills like communication for top-level front-end development.
A developer's framework for deciding when to use new CSS features, considering fallback experiences and browser support.