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.
Explains how the order of CSS transform functions can create unexpected zooming animations, with interactive demos.
Analysis of Safari's new features at WWDC '25, highlighting its ongoing catch-up with other browsers and the impact of Apple's iOS browser policies.
