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
» The EMs have it: Proportional Media Queries FTW! Cloud Four Blog
9 weeks ago by sunpig
RT @lyzadanger: Oops. I just blogged on @cloudfour again, this time about em-based media queries:
lyzagardner
mobile
em
media
query
mediaquery
responsive
width
layout
zoom
css
design
frontend
webdev
cloudfour
9 weeks ago by sunpig
Height matters! – Anders M. Andersen
february 2012 by sunpig
Show some love to the vertical; consider "max-height" as part of your media queries: (Especially for landscape mode!)
mediaqueries
media
query
vertical
horizontal
maxheight
max-height
height
width
landscape
portrait
tall
responsive
adaptive
design
layout
february 2012 by sunpig
Responsive Navigation Patterns | Brad Frost Web
february 2012 by sunpig
RT @brad_frost: Responsive Navigation Patterns: an in-depth look into responsive web design navigation techniques
bradfrost
mobile
web
navigation
pattern
desktop
responsive
adaptive
width
mediaquery
adjust
webdev
frontend
february 2012 by sunpig
Pragmatic responsive design
november 2011 by sunpig
Wholly awesome, Batman! "Pragmatic Responsive Design" presentation by @yiibu MUST READ for mobile.
pragmatic
responsive
design
adaptive
layout
width
media
query
server
yiibu
bryanrieger
stephanierieger
css
breakpoint
webdev
mobile
november 2011 by sunpig
related tags
aarongustafson ⊕ adactio ⊕ adaptive ⊕ adjust ⊕ ala ⊕ alistapart ⊕ all ⊕ allenpike ⊕ android ⊕ apple ⊕ arminvit ⊕ aspect ⊕ background ⊕ bing ⊕ blowup ⊕ bostonglobe ⊕ box ⊕ box-sizing ⊕ boxmodel ⊕ bradfrost ⊕ branding ⊕ breakpoint ⊕ browser ⊕ bryanrieger ⊕ bug ⊕ button ⊕ capability ⊕ center ⊕ centre ⊕ chrismills ⊕ cloudfour ⊕ container ⊕ content ⊕ context ⊕ css ⊕ css3 ⊕ design ⊕ desktop ⊕ detection ⊕ development ⊕ device ⊕ devicewith ⊕ dimension ⊕ element ⊕ em ⊕ ethanmarcotte ⊕ feature ⊕ figure ⊕ filament ⊕ fix ⊕ fixed ⊕ fluid ⊕ form ⊕ formfactor ⊕ frontend ⊕ frontent ⊕ funny ⊕ globe ⊕ grid ⊕ group ⊕ handheld ⊕ height ⊕ horizontal ⊕ html ⊕ html5 ⊕ ie ⊕ image ⊕ imagequality ⊕ images ⊕ import ⊕ inconsistent ⊕ input ⊕ ios ⊕ ipad ⊕ iphone ⊕ ipod ⊕ jamespearce ⊕ javascript ⊕ jeremykeith ⊕ js ⊕ landscape ⊕ layout ⊕ logo ⊕ lyzagardner ⊕ margin ⊕ markup ⊕ max-height ⊕ max-width ⊕ maxheight ⊕ media ⊕ mediaqueries ⊕ mediaquery ⊕ meta ⊕ mobile ⊕ mobilefirst ⊕ narrow ⊕ navigation ⊕ opera ⊕ orientation ⊕ padding ⊕ pattern ⊕ paulirish ⊕ phone ⊕ pixel ⊕ png ⊕ portrait ⊕ ppk ⊕ pragmatic ⊕ preview ⊕ property ⊕ proportion ⊕ prototype ⊕ pseudo-element ⊕ query ⊕ quirksmode ⊕ ratio ⊕ reference ⊕ relative ⊕ rendering ⊕ reset ⊕ resize ⊕ responsive ⊕ rotate ⊕ russweakley ⊕ safari ⊕ scale ⊕ scaling ⊕ screen ⊕ server ⊕ shichuan ⊕ size ⊕ small ⊕ smallscreen ⊕ space ⊕ squish ⊕ stephanierieger ⊕ style ⊕ stylesheets ⊕ table ⊕ table-layout ⊕ tables ⊕ tall ⊕ testing ⊕ tool ⊕ type ⊕ typography ⊕ unit ⊕ unknown ⊕ upstatement ⊕ vertical ⊕ vertical-align ⊕ viewport ⊕ web ⊕ webdesign ⊕ webdev ⊕ webstandards ⊕ width ⊖ windows ⊕ xml ⊕ yiibu ⊕ zeldman ⊕ zone ⊕ zoom ⊕Copy this bookmark: