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.
Explores CSS partial keyframes, a technique for creating dynamic animations by omitting starting values.
A detailed look at Hel, a 3-axis variable font designed with deliberate, gritty distortion for creative and DIY web design.
Learn JavaScript and CSS fundamentals by building a simple reflex game in a single HTML file with no frameworks or dependencies.
A guide on how to style the calendar/clock icons in HTML date and time input types using the ::-webkit-calendar-picker-indicator CSS pseudo-element.
Explains the CSS @starting-style rule for creating transitions on elements hidden by display:none, covering its syntax and quirks.
A front-end developer explores the basics of View Transitions API for creating smooth animations between DOM states using HTML, CSS, and JavaScript.
A beginner-friendly explanation of why CSS height properties sometimes don't work as expected, exploring the fundamental differences between width and height.
