Not Signed-In
Which clippings match 'Optimised For Mobile' keyword pg.1 of 1
11 MAY 2012

Luke Wroblewski on: Multi-device Layout Patterns

"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."

(Luke Wroblewski, 14 March 2012, via Christopher Allwood)

1

TAGS

adapt to screen sizes • adaptable multi-device layout • adaptive layoutBBC • column • column drop • columnscommunication design • design for large screen • design for mobiledesign for the screendesign innovationFacebook • Five Simple Steps • fluid grids • Food Sense (website) • Google (GOOG)grid systemHCI • image layout • information architectureinteraction designinterface designlayout • layout adjustments • layout designlayout patterns • layout shifter • layouts • Luke Wroblewski • margins • media query adjustments • mobile design • Modernizr • mostly fluid • multi device • multi-column layout • multi-devicemulti-device adaptation • multi-device layout patterns • multiple screen sizes • NUI • off canvas • optimised for mobilepage layoutpage layout pattern • Path (app) • responsive design • responsive design layout patterns • responsive web design • screen size • screen sizesscreen space • single column layout • small screen • small screen sizes • small screens • stacking • stacking columns • The Boston Globe • tiny tweaks • Trent Walton • UIusabilityvisual communicationvisual screen designweb designweb page layoutsweb pageswebsite

CONTRIBUTOR

Simon Perkins
19 APRIL 2012

Bryan Rieger: Rethinking the Mobile Web

"A few months back I submitted the smallest speck of an idea for a talk I was hoping to present at Over The Air in London. Having presented at Over The Air before I assumed my experiences this time around would more or less be the same – a chance to bounce a few of my recent thoughts off two–dozen or so UK developers.

To suggest that my assumption was wrong would in–fact be a massive understatement...

Three weeks later, the dust is still settling on the 90,000 140,000 presentation views, hundreds of tweets, and multitude of conversations, and I finally have time to provide the presentation with a much–needed introduction."

(Bryan Rieger)

Fig.1 "Rethinking the Mobile Web" by Yiibu

1

TAGS

abstraction layer • accessible and inclusive mobile experiences • adaptive layoutAJAXAndroid OSApple • Bada • BlackBerry LtdBMW • Bryan Rieger • cHTML • CSS animations • CSS3device • DeviceAtlas • feature phone • featurephone • Fennec • Google (GOOG)HTMLHTML5Internet accessInternet ExploreriOSiPhone • Java ME • JavaME • market sharemedia queries • media types • MicroB • mobile browsermobile devices • mobile internet users • mobile operating systems • mobile web • most used devices • Nokia • Nokia Qt • Obigo • OBML • one web • Opera Binary Markup Language • OperaMini • optimised for mobile • Over The Air • Palm (OS) • phone • popular devices • presentation • real web • Rethinking the Mobile Web • Samsung • Skyfire • SlideSharesmartphoneSony Ericsson • SquirrelFish • standards support • SVG • Symbian • tabbed browsingtechnology • UK developers • w810i • WAP • WebKit • WebOS • William GibsonWindows Mobile • WML • WURFL • Yii

CONTRIBUTOR

Simon Perkins
Sign-In

Sign-In to Folksonomy

Can't access your account?

New to Folksonomy?

Sign-Up or learn more.