Measuring and sizing UIs, 2011-style — CSS Wizardry—CSS, Web Standards, Typography, and Grids by Harry Roberts
9 weeks ago by sunpig
For years we used pixels to lay out web pages. Then, not so long ago, we were dabbling with ems to make our pages elastic. Now, in 2011, most of us are adopting a responsive approach and using fluid grids and percentages.
These methods seem to have all happened sequentially, with us each time dropping the last. I’ve decided, though, that the best builds use aspects of all previous methods; fixed, elastic and fluid.
harryroberts
css
font
size
style
border
layout
line-height
rem
em
pixel
percentage
design
grid
visual
measure
These methods seem to have all happened sequentially, with us each time dropping the last. I’ve decided, though, that the best builds use aspects of all previous methods; fixed, elastic and fluid.
9 weeks ago by sunpig
related tags
border ⊕ css ⊕ css3 ⊕ design ⊕ development ⊕ em ⊕ ethanmarcotte ⊕ event ⊕ font ⊕ gmail ⊕ grid ⊕ harryroberts ⊕ html ⊕ ie ⊕ inline ⊕ javascript ⊕ js ⊕ layout ⊕ letter ⊕ line-height ⊕ llegible ⊕ measure ⊕ mobile ⊕ mobileweb ⊕ motion ⊕ orientation ⊕ percentage ⊕ pixel ⊕ proportional ⊕ px ⊕ rem ⊖ remote ⊕ remysharp ⊕ resize ⊕ size ⊕ style ⊕ testing ⊕ tilt ⊕ type ⊕ typekot ⊕ typography ⊕ unit ⊕ value ⊕ viewport ⊕ visual ⊕ web ⊕ webdesign ⊕ webdev ⊕Copy this bookmark: