A guide on integrating Sass (Syntactically Awesome Style Sheets) into a Blazor application to improve CSS management with variables and mixins.
A tutorial on how to force line breaks and control row wrapping in CSS Flexbox layouts using a specific collapsed element technique.
Explores a new CSS method using opacity and pointer-events to hide content visually while keeping it accessible to screen readers and keyboard users.
A CSS-only technique to create a masonry layout using flexbox, the :nth-child() selector, and the order property, avoiding JavaScript.
A tutorial showcasing 10 practical CSS Flexbox layout patterns with ready-to-use example code for common web design scenarios.
Explores advanced and non-obvious use cases for the CSS text-align property in web design and layout.
A developer shares their experience rebuilding a personal website in 2019 using only HTML and CSS, avoiding complex build tools and dependencies.
A frontend developer shares their personal CSS reset preferences, detailing eight categories of custom styles used alongside Normalize.css.
A practical guide demonstrating five real-world layout problems solved using CSS Flexbox, including headers, sidebars, and grids.
A technical guide to implementing Tufte CSS-style sidenotes and marginnotes within the Pollen document publishing system.
A developer shares her experience and benefits of becoming a tech speaker, including career growth and confidence building.
Explores browser features for detecting user preferences like reduced motion and dark mode using CSS and JavaScript media queries.
A front-end developer's detailed thought process for building a responsive header component from a UI design, using HTML and CSS.
A guide comparing CSS Grid and Flexbox, explaining when to use each layout method based on design requirements and dimensionality.
A 2019 overview of CSS hyphenation, covering browser support, implementation code, and limitations like excessive hyphenation.
Explains why to use the CSS :lang pseudo-class instead of the [lang] attribute selector for accurate language-specific styling.
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.
