Tag: media queries

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…
csshead 0 Comments

Golden Grid System

Golden Grid System (GGS) splits the screen into 18 even columns. The leftmost and rightmost columns are used as the outer margins of the grid, which leaves 16 columns for use in design. Features folding columns, elastic gutters, zoomable baseline grid and the golden gridlet…
csshead 0 Comments

iPad Orientation CSS (Revised)

Alternative to Cloud Four’s demonstration on how to serve up iPad stylesheets based on device orientation…
csshead 0 Comments

Hardboiled CSS3 Media Queries

Since I started using Media Queries extensively over the last few months, I’ve revised the queries several times for each project, so it made sense to build a boilerplate to use as a starting point. These hardboiled CSS3 Media Queries are empty placeholders for targeting the devices and attributes I’m interesting in making responsive designs […]
csshead 0 Comments