Using background-position and sprite sheets to stop icon hover flicker
Explains how to use CSS sprite sheets and background-position to eliminate icon hover flicker by preloading all image states.
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.
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.