CSS Semantics: Best Practices
Explores best practices for writing semantic, maintainable CSS selectors, with an introduction to frameworks like OOCSS and SMACSS.
Explores best practices for writing semantic, maintainable CSS selectors, with an introduction to frameworks like OOCSS and SMACSS.
A humorous and confusing explanation of CSS positioning properties (static, relative, absolute, fixed) that highlights the language's complexity.
A guide to creating scrolling shadow effects using pure CSS and the background-attachment: local property, with browser support considerations.
Testing how browsers download images hidden with CSS media queries and display:none, revealing performance pitfalls.
Explains the rules for quoting font family names in CSS, clarifying when quotes are required and when unquoted names are valid.
A quick tutorial on creating a responsive 960px grid system using SASS loops and variables for CSS layout.
Analysis of why CSS vendor prefixes create maintenance problems for developers and hinder web standards adoption.
A CSS technique using generated content to create flexible, multiline definition lists with just 2 lines of CSS 2.1 code.
Lea Verou responds to being falsely accused of promoting -webkit-only prefixes and discusses the CSS vendor prefix problem.
A guide to moving an element along a circular path in CSS without rotating the element itself, using transform chaining.
A technical article exploring CSS3 animations and pseudo-elements to create an accessible, cross-browser compatible loading indicator.
A guide to creating a simpler CSS typing animation using the 'ch' unit for character-based width, with browser support considerations.
Explores the concept of 'molten leading' for responsive typography, proposing fluid line-height that adjusts with container width.
Explains the CSS box-sizing property and recommends using border-box for easier layout management, preventing width calculation issues.
Explores the concepts of breakpoints and range rules in responsive web design, discussing how CSS properties govern layout behavior across different viewport sizes.
Announcing the new Dabblet blog for updates on the web development tool, hosted on Tumblr with custom HTML5 theming.
Introducing dabblet, an interactive CSS playground with real-time updates, GitHub gist saving, and built-in vendor prefixing.
Analysis of CSS vendor prefixes' failures and proposals for new web standards strategies to address bloat and compatibility issues.
A gallery exploring CSS transitions and animations, demonstrating various animatable properties with interactive demos.
A developer shares personal experiences and feedback from speaking at four front-end web development conferences, including JSConf EU and Fronteers.