A developer's personal year-in-review, reflecting on coding work, side projects, and blog writing habits in 2024 and looking ahead.
Set Studio redesigned their agency website and refreshed their newsletter, The Index, to better communicate their value to clients.
A tutorial on integrating the newly released Tailwind CSS v4 with a Blazor project using the updated CLI for streamlined development.
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.
