Responsive viewport units - destroy/dstorey
6 weeks ago by sunpig
Introducing vh, vw, and vmin
The vh unit stands for viewport height, vw for Volkswagen viewport width, and vmin represents whichever of vh or vw is the shortest length.
css
viewport
unit
responsive
height
width
proportion
grid
design
webdev
frontend
The vh unit stands for viewport height, vw for Volkswagen viewport width, and vmin represents whichever of vh or vw is the shortest length.
6 weeks ago by sunpig
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
cxpartners | Responsive Design & ROI – observations from the coalface
11 weeks ago by sunpig
Responsive Design & ROI – observations from the coalface
responsive
adaptive
design
development
agile
webdev
webdesign
breakpoint
fluid
grid
11 weeks ago by sunpig
YUI 3 Grids are Dead Simple - goer.org
october 2010 by sunpig
"YUI 3 Grids are Dead Simple" by @evangoer: (I ♥ YUI)
yui
yui3
grid
layout
positioning
library
css
html
frontend
webdev
october 2010 by sunpig
Fluid 960 Grid System | 16-column Grid
january 2009 by sunpig
(via <a href="http://twitter.com/Malarkey/status/1152944388">Malarkey</a>)
web
html
css
design
fluid
ui
wireframe
layout
grid
960
templaye
january 2009 by sunpig
related tags
24ways ⊕ absolute ⊕ accessibility ⊕ adaptive ⊕ agile ⊕ ala ⊕ alistapart ⊕ alpha ⊕ amazon ⊕ animation ⊕ anywhere ⊕ aria ⊕ awesome ⊕ background ⊕ balance ⊕ baseline ⊕ bbc ⊕ billscott ⊕ body ⊕ bookmarklet ⊕ border ⊕ box ⊕ breakpoint ⊕ business ⊕ cloud ⊕ cluster ⊕ code ⊕ columns ⊕ computing ⊕ console ⊕ container ⊕ content ⊕ context ⊕ css ⊕ datatable ⊕ daveshea ⊕ design ⊕ developer ⊕ development ⊕ digitalweb ⊕ distributed ⊕ ec2 ⊕ edit ⊕ em ⊕ emotionaldesign ⊕ ethanmarcotte ⊕ faux ⊕ fixed ⊕ float ⊕ fluid ⊕ font ⊕ framework ⊕ frontend ⊕ garrettdimon ⊕ google ⊕ gradient ⊕ green ⊕ grid ⊖ hadoop ⊕ harryroberts ⊕ heading ⊕ height ⊕ help ⊕ html ⊕ ie ⊕ images ⊕ interesting ⊕ internetexplorer ⊕ invisible ⊕ jaredspool ⊕ javascript ⊕ js ⊕ khoivinh ⊕ landmark ⊕ language ⊕ layout ⊕ leading ⊕ library ⊕ line-height ⊕ mapreduce ⊕ margin ⊕ markboulton ⊕ markup ⊕ measure ⊕ mega ⊕ milli ⊕ model ⊕ nicolesullivan ⊕ objectoriented ⊕ oocss ⊕ paragraph ⊕ pattern ⊕ percentage ⊕ pixel ⊕ png ⊕ position ⊕ positioning ⊕ preview ⊕ programming ⊕ proportion ⊕ python ⊕ relative ⊕ rem ⊕ responsive ⊕ role ⊕ scalability ⊕ scalable ⊕ scale ⊕ scroll ⊕ scrollbar ⊕ seamless ⊕ semantic ⊕ shadow ⊕ shape ⊕ SI ⊕ size ⊕ software ⊕ sort ⊕ style ⊕ table ⊕ templaye ⊕ toggle ⊕ tool ⊕ tools ⊕ tufte ⊕ typography ⊕ ui ⊕ unit ⊕ usability ⊕ ux ⊕ vertical ⊕ viewport ⊕ visual ⊕ visuallanguage ⊕ wai ⊕ web ⊕ webdesign ⊕ webdev ⊕ width ⊕ wireframe ⊕ yahoo ⊕ yaml ⊕ yui ⊕ yui3 ⊕Copy this bookmark: