A detailed CSS tutorial that explains how to implement customised checkboxes and radio buttons that are accessible. The method doesn’t use javascript and it retains keyboard interaction…
Direct link: Accessible custom checkboxes and radio buttons
Responsive background images with fixed or fluid aspect ratios
Describes a technique to scale background images in responsive layouts…
Direct link: Responsive background images with fixed or fluid aspect ratios
CSS Filters Polyfill
This polyfill takes the official CSS filters syntax and translates it to the different equivalent techniques that the browsers know for those effects…
Direct link: CSS Filters Polyfill
Increasing the Clickable Area of Inline Links
Inline links can be tricky to click accurately for mobile users. To make this easier we can increase the clickable click area…
Direct link: Increasing the Clickable Area of Inline Links
EZ-CSS: An easy to use, lightweight, CSS framework
EZ CSS is a light (1kb), flexible, cross-browser friendly CSS framework that doesn’t bind authors to a “grid”…
Direct link: EZ-CSS: An easy to use, lightweight, CSS framework
The EMs have it: Proportional Media Queries FTW!
A core tenet of Responsive Web Design (RWD) is fluidity and proportion. Instead of using fixed-width layouts, we enlightened web devs and designers use percentages in our CSS. Font units aren’t pixels or points anymore, they’re percentages…
Direct link: The EMs have it: Proportional Media Queries FTW!
IE10 Snap Mode and Responsive Design
Describes a fix for the IE10 “bug” where IE10 ignores the meta viewport tag for any viewport smaller than 400 pixels in width (when in snap mode)…
Direct link: IE10 Snap Mode and Responsive Design
Basic Ready-to-Use CSS Styles
A set of useful CSS3 snippets that you can use to enhance your designs. Includes, buttons, drop shadows, links and borders…
Direct link: Basic Ready-to-Use CSS Styles
CSS Ribbon Menu
This uses CSS3 transitions and CSS2 pseudo-elements to create an animated navigation ribbon with minimal markup…
Direct link: CSS Ribbon Menu
box-shadow vs filter: drop-shadow
This post is about the drop-shadow filter. You may have looked at it and thought “this is pretty much the same thing as a box-shadow” right? Well, not exactly. The big advantage of the drop-shadow filter is that it acknowledges the outline and transparency of an element…
Direct link: box-shadow vs filter: drop-shadow