nth-child is weird
Explains the difference between CSS selectors :nth-child and :nth-of-type with practical examples.
Explains the difference between CSS selectors :nth-child and :nth-of-type with practical examples.
Author explains their decision to leave the W3C to focus on personal projects, open source work, writing a book, and standards development.
Introduces CSS preprocessors like SASS to organize and edit CSS code more efficiently, reducing pain points in web development.
A guide on using CSS to maintain the aspect ratio of embedded iframes (like videos) in responsive web design.
Explains the importance of Vertical Rhythm in web design and provides a step-by-step guide to implementing it for a more professional website layout.
A tutorial on styling blog content, covering text, fonts, links, images, lists, and blockquotes for a clean website design.
A tutorial on styling a website header with CSS, covering linking stylesheets, using CSS resets, and applying layout techniques.
A guide to nine essential CSS properties, including display, width, height, and more, for web developers.
A developer shares their experience redesigning a personal blog using WordPress, focusing on CSS changes and exploring the Ghost platform.
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.