Css Articles
Page 15 of 48
(949 articles)
11/16/2022
•
EN
Multi-Line Padded Text and box-decoration-break
Using the CSS box-decoration-break property to create padded, multi-line text with background colors, solving a common web design challenge.
11/10/2022
•
EN
Update Q4 2022 — Free book chapter, and a mouseless Mac setup
Author updates on new web design book edition, potential Vim/JavaScript projects, and shares experiences with custom keyboards and input devices.
11/10/2022
•
EN
CSS box-sizing: border-box
A developer argues for using CSS box-sizing: border-box as the universal default, criticizing design systems that don't adopt it.
11/7/2022
•
EN
Position Statement for the 2022 W3C TAG Election
Lea Verou's re-election statement for the W3C Technical Architecture Group, focusing on web standards and developer needs.
11/6/2022
•
EN
Inside the mind of a frontend developer: Hero section
A frontend developer shares their detailed thought process and decision-making while building a responsive hero section with modern CSS.
10/28/2022
•
EN
Why you should never use px to set font-size in CSS
Explains why using px units for CSS font-size can harm accessibility and override user preferences, advocating for em/rem units instead.
10/12/2022
•
EN
Converting Display-p3 colors from Sketch to CSS values you can use in Safari
Explains how to convert Display-p3 colors from Sketch to CSS for Safari, covering color spaces and current browser support limitations.
10/7/2022
•
EN
CSS Halftone Patterns
Explains how to create halftone patterns using CSS, covering gradients, masks, and filters for a retro printing effect.
10/4/2022
•
EN
A CSS class-naming convention might still be your best choice
Argues that CSS class-naming conventions like BEM or ECSS remain a pragmatic choice for scalable CSS architecture, even with modern features like Cascade Layers.
10/3/2022
•
EN
State of CSS 2022 now open!
The State of CSS 2022 survey is now open, gathering developer feedback on new CSS features, pain points, and usage patterns.
9/22/2022
•
EN
Use cases for CSS comparison functions
Explores practical use cases for CSS comparison functions like clamp(), max(), and min(), including fluid sizing, decorative elements, and hero sections.
9/15/2022
•
EN
Working with container queries today
A guide to using CSS container queries, a new feature for component-based responsive web design, including browser support and polyfill updates.
9/13/2022
•
EN
Detecting CSS Selector Support
Explains how to use CSS @supports for feature detection, including checking property support and new selectors like :has() and :focus-visible.
8/31/2022
•
EN
Creative CSS Layout (and the Flexible Web)
A talk on modern CSS layout techniques, emphasizing flexibility and new features like Container Queries and :has().
8/30/2022
•
EN
CSS container queries are finally here
CSS container queries are now supported in modern browsers, enabling responsive component design based on parent container size instead of viewport.
8/25/2022
•
EN
Pseudo classes vs Pseudo elements
Explains the key differences between CSS pseudo-classes (like :hover) and pseudo-elements (like ::before), including syntax and use cases.
8/25/2022
•
EN
Understanding the color-scheme property
Explains the CSS color-scheme property, its values, and discusses whether it's necessary for implementing light/dark themes.
8/25/2022
•
EN
selection pseudo element
Explains how to use the CSS ::selection pseudo-element to style highlighted text, including supported properties and limitations.
8/24/2022
•
EN
Creative List Styling
Explores HTML list types and creative CSS styling techniques for web development.