A tutorial on creating a clean website's HTML structure, covering element targeting with IDs and classes.
An introduction to website structure, focusing on HTML block elements and layout principles for web development beginners.
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.
Explains how to use CSS sprite sheets and background-position to eliminate icon hover flicker by preloading all image states.
Exploring how to use HTML5 localStorage to cache CSS files for improved website performance and faster loading times.
A curated list of influential front-end developers recognized for their open-source contributions, technical expertise, and community teaching efforts.
A technical guide on implementing a scalable, pure CSS mobile navigation menu icon (the 'hamburger' icon) to avoid cross-device Unicode rendering issues.
An update to the -prefix-free library addressing CSS gradient angle changes in modern browsers to ensure compatibility.
Explores CSS-only patterns for responsive, multi-level navigation menus, analyzing their pros, cons, and browser compatibility.
An overview of the SMACSS CSS architecture methodology, explaining its core principles and categorization rules for writing scalable stylesheets.
