A technical analysis comparing CSS Grid and Flexbox performance, finding no significant speed difference in modern browsers.
A collection of practical CSS one-liners and snippets to enhance default browser styles and improve typography in web projects.
A guide on customizing the VS Code cursor with a linear gradient color using an extension and CSS.
Exploring current CSS hacks for conditionals before the official if() function arrives, discussing trade-offs between developer convenience and user needs.
Explains how to use the case-insensitive flag (i) in CSS attribute selectors to match values regardless of uppercase or lowercase letters.
A guide to fixing cropped Mermaid diagrams in Obsidian by adjusting CSS styles for proper diagram display.
The CSS WG has approved adding an inline if() function to CSS, a new feature for conditional logic within stylesheets.
A CSS expert discusses modern layout features like Grid, anchor positioning, and masonry, and why adoption of new CSS is slower than expected.
A technical article discussing responsive design challenges and proposing better CSS composition strategies for complex layout changes across breakpoints.
A technical demo and explanation of CSS anchor positioning using multiple named anchors for precise inline and block axis placement of elements.
A recap of the latest CSS and web UI features announced at Google I/O 2024, including scroll-driven animations and new APIs.
Explores the slow adoption of new CSS features like Container Queries and Layers, examining barriers like browser support and invisible improvements.
Exploring CSS Relative Colors to generate accessible text colors, comparing it to the upcoming contrast-color() function and discussing tradeoffs.
Introduces the CSS Anchor Positioning API, a native browser feature for positioning elements relative to anchors, simplifying complex UI layouts.
A developer reflects on a decade of coding, from a first responsive layout to the joy of interactive web creation.
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.
