Accessible custom checkboxes and radio buttons

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…

VN:F [1.9.22_1171]
Rating: +1 (from 3 votes)

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…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

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…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Understanding the CSS3 Flexbox Flexible Box Layout Module

CSS 2.1 gave us 4 layout modes: block, inline, table and positioned. ‘Flexbox’ will work in addition to those. If you’re into responsive web design this should interest you as the contents of a flex container can have their display order reversed or rearranged within your CSS file. In other words, it doesn’t matter what order the source code is in as the visual order can be changed using CSS…

VN:F [1.9.22_1171]
Rating: +1 (from 1 vote)