LukeW | Multi-Device Layout Patterns
11 weeks ago by sunpig
Through fluid grids and media query adjustments, responsive design enables Web page layouts to adapt to a variety of screen sizes. As more designers embrace this technique, we're not only seeing a lot of innovation but the emergence of clear patterns as well. I cataloged what seem to be the most popular of these patterns for adaptable multi-device layouts.
lukew
responsive
adaptive
layout
linear
column
navigation
design
css
mediaquery
pattern
from twitter
11 weeks ago by sunpig
Breaking Dev: Mobile Apps Must Die
september 2011 by sunpig
"Are we really going to have one app for every Website?" (From @lukew's notes on Scott Jenson's talk at bdconf )
lukew
lukewroblewski
mobile
web
design
scottjenson
app
platform
strategy
september 2011 by sunpig
LukeW | RESS: Responsive Design + Server Side Components
september 2011 by sunpig
Progressive enhancement with the traditional three tiers of HTML + CSS + JS misses something. Tier 0 is the Server.
lukew
lukewroblewski
mobile
responsive
adaptive
server
client
web
design
progressive
enhancement
ress
from twitter
september 2011 by sunpig
LukeW | Designing for the Retina Display (326ppi)
february 2011 by sunpig
RT @lukew: Designing for those fancy retina displays
lukew
mobile
design
retina
pixel
resolution
web
webdev
scalable
vector
iphone
ios
february 2011 by sunpig
LukeW | Web App Masters: Designing for Interesting Moments
june 2010 by sunpig
"Designing for Interesting Moments": (@lukewdesign)
lukew
lukewroblewski
billscott
webappmasters
interesting
moments
design
webdesign
webdev
interaction
ixd
june 2010 by sunpig
related tags
adaptive ⊕ advice ⊕ android ⊕ aneventapart ⊕ app ⊕ appcache ⊕ apple ⊕ architecture ⊕ back ⊕ billscott ⊕ browser ⊕ business ⊕ cache ⊕ choice ⊕ client ⊕ collaboration ⊕ column ⊕ commerce ⊕ community ⊕ css ⊕ data ⊕ decision ⊕ design ⊕ device ⊕ diagram ⊕ dropdown ⊕ email ⊕ enhancement ⊕ enter ⊕ entry ⊕ espn ⊕ experience ⊕ facebook ⊕ field ⊕ flickr ⊕ focus ⊕ forbes ⊕ form ⊕ forms ⊕ forum ⊕ gesture ⊕ group ⊕ guide ⊕ guidelines ⊕ hci ⊕ html ⊕ html5 ⊕ icon ⊕ information ⊕ input ⊕ interaction ⊕ interesting ⊕ interface ⊕ interview ⊕ ios ⊕ ipad ⊕ iphone ⊕ ixd ⊕ jaredspool ⊕ layout ⊕ linear ⊕ links ⊕ list ⊕ lokewroblewski ⊕ lukew ⊖ lukewroblewski ⊕ management ⊕ marketshare ⊕ mediaquery ⊕ mobile ⊕ mobileweb ⊕ moments ⊕ multitouch ⊕ native ⊕ navigation ⊕ number ⊕ order ⊕ pattern ⊕ performance ⊕ phone ⊕ pixel ⊕ planning ⊕ platform ⊕ podcast ⊕ popular ⊕ progressive ⊕ psychology ⊕ reference ⊕ resolution ⊕ resources ⊕ responsive ⊕ ress ⊕ retina ⊕ scalable ⊕ scottjenson ⊕ screen ⊕ separate ⊕ server ⊕ smashing ⊕ smashingmagazine ⊕ source ⊕ speed ⊕ spinner ⊕ statistics ⊕ stats ⊕ stevesouders ⊕ strategy ⊕ swpie ⊕ tablet ⊕ tap ⊕ template ⊕ text ⊕ tools ⊕ tooltime ⊕ touch ⊕ transcript ⊕ twitter ⊕ type ⊕ ui ⊕ uie ⊕ url ⊕ us ⊕ usage ⊕ use ⊕ user ⊕ ux ⊕ vector ⊕ web ⊕ webappmasters ⊕ webdesign ⊕ webdev ⊕ wireframe ⊕ wpo ⊕ yahoo ⊕Copy this bookmark: