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.
An analysis of the accessibility and usability of experimental CSS Carousels, highlighting current limitations and browser support issues.
Chrome 137 introduces CSS reading-flow and reading-order properties to fix focus navigation issues in grid and flex layouts.
CSS reading-flow and reading-order properties ship in Chrome 137, addressing focus navigation issues in grid and flex layouts.
Explains the BEM CSS methodology, its naming conventions (Block, Element, Modifier), and its advantages for maintainable code in team projects.
Explains the HTML5 <cite> element's proper use for citing work titles, contrasting it with HTML4 and academic citation styles.
