CSS wish: inner breakpoints
The author proposes a new CSS feature called 'inner breakpoints' for responsive element layouts, comparing it to media and container queries.
The author proposes a new CSS feature called 'inner breakpoints' for responsive element layouts, comparing it to media and container queries.
Explores the CSS @starting-style rule, its specificity issues, and provides practical workarounds for developers.
A technical guide on implementing a blurry, translucent status bar for Progressive Web Apps (PWAs) on iOS using CSS backdrop-filter and mask properties.
Explains how to use CSS's slash syntax to provide alternative text for CSS-generated content, improving web accessibility for screen readers.
A video podcast featuring Sara Soueidan and Kevin Powell discussing web accessibility, covering HTML semantics, ARIA, CSS, and common myths.
A CSS tutorial on creating dynamic color-shifting effects for web animations, including workarounds for CSS limitations.
A tutorial on CSS Anchor Positioning, explaining how to position elements relative to others without traditional absolute positioning limitations.
A developer explores using Claude Code to generate a static website for their app, including design and responsive layout.
A speaker shares insights from his CSS Day talk on 'Smart Layouts', advocating for fluid, self-adapting CSS using modern features like clamp and container queries.
Explains how to create a CSS-only scrollspy effect using the new scroll-marker-group property and :target-current pseudo-class, eliminating the need for JavaScript.
A beginner-friendly blog series teaching web development fundamentals: HTML, CSS, JavaScript, Node.js, Git, and deployment.
Explores five practical examples of using the new CSS @function rule to create custom functions for more dynamic and organized stylesheets.
A front-end developer discusses the importance of user choice in selecting and copying code snippets, using a CSS gradient example.
A web developer reflects on 10 years of successful collaboration with his brother, highlighting their complementary skills in building design systems and teaching.
A tutorial on creating a per-letter faded text effect using a combination of CSS and a small amount of JavaScript for dynamic styling.
Explains how to create a scroll-spy navigation effect using the new CSS `scroll-target-group` property and `:target-current` pseudo-class.
Explains how to use the CSS font-synthesis property to disable browser-generated faux bold and italic fonts, ensuring proper typography.
A technical guide on replacing traditional footnotes with modern CSS and JavaScript popovers for a better user experience.
Argues for using CSS Flex/Grid gaps over margins for spacing elements, promoting a parent-controlled layout strategy for cleaner, more maintainable code.
Explains a workaround using @supports with a proxy feature to conditionally apply CSS @starting-style animations in supported browsers.