Flexible Google-style loader with CSS
A technical guide on recreating Google's animated loader using pure CSS, covering border animations and rotation techniques.
A technical guide on recreating Google's animated loader using pure CSS, covering border animations and rotation techniques.
A guide to various techniques for implementing responsive typography on websites, covering media queries, viewport units, and accessibility.
Explores solving dynamic grid layout problems using pure CSS logic, like handling orphaned items, without relying on preprocessors or JavaScript.
Explains why CSS-only auto-resizing of input fields is impossible due to HTML's definition of inputs as void elements.
A tutorial on creating animated navigation icons (Transformicons) using CSS transforms and transitions, with code examples.
A tutorial on creating slanted, 3D-looking tabs using CSS transforms and pseudo-elements, with graceful degradation for older browsers.
Author explains their decision to leave the W3C to focus on personal projects, open source work, writing a book, and standards development.
A guide on using CSS to maintain the aspect ratio of embedded iframes (like videos) in responsive web design.
A developer shares their experience redesigning a personal blog using WordPress, focusing on CSS changes and exploring the Ghost platform.
Analyzes browser support for unprefixed CSS gradients and advises which vendor prefixes are still necessary for web developers in 2013.
A guide to modifying web typography by subsetting fonts and using CSS font stacks for granular control without JavaScript or extra markup.
The CSS border-corner-shape property is at risk of being removed from the spec. The author calls for developers to provide use cases to help save it.
Preview the upcoming CSS corner-shape property with an interactive SVG tool, exploring beveled, scooped, and notched corners before browser support.
A guide to using MathML for web equations with a CSS fallback for browsers lacking native support, based on a real-world use case.
A guide to creating iOS 6-style toggle switches using only CSS, focusing on accessibility, browser compatibility, and no JavaScript.
Explores a bug in Windows Phone 8 where `device-width` reports different pixel values in HTML vs. CSS, affecting responsive design and snap mode.
A web developer's 2012 roundup of his most popular posts, covering responsive design, CSS techniques, and web standards debates.
Explains why using CSS translate() for animations is more performant than position:absolute with top/left, covering GPU acceleration and paint costs.
A CSS tip explaining how to simplify animation code by using only one keyframe, leveraging browser defaults for cleaner, more efficient stylesheets.
A technical guide on preventing the Flash of Unstyled Text (FOUT) specifically in Internet Explorer 9 when using webfonts.