A technical guide to implementing an animated progress bar in stages, covering CSS animations, JavaScript triggers, and handling multiple queued instances.
A developer lists 8 common web accessibility mistakes, like removing focus outlines and misusing placeholders, and provides practical solutions to fix them.
A developer discusses the importance of constructive advocacy in tech communities, focusing on respectful communication over shaming.
A developer details the creative process of building a light switch toggle UI component using mostly CSS, gradients, and shadows.
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.
