Responsive Web Layout - in anticipation of the Mobile Event

Events happening in the community are now at Drupal community events on www.drupal.org.
Posted by nodiac on October 20, 2010 at 4:47am

For those of you who are interested, the article is here:
http://www.alistapart.com/articles/responsive-web-design/

The flexible grid layout example is here:
http://www.alistapart.com/d/responsive-web-design/ex/ex-site-larger.html

Comments

Also look at the jQuery Mobile framework

Posted by btmash on October 20, 2010 at 5:59am

Much like the drupal iUI, it might also be worthwhile to look at jQuery Mobile (http://jquerymobile.com/) for powering your mobile site as it looks quite feature rich.

Opera Simulator

Posted by corypark on October 24, 2010 at 3:29am

I've found Opera to be among the least forgiving mobile browser... here's an easy way to check how your site will render. http://www.opera.com/mobile/demo/

Responsive Web Design book out

Posted by chellman on June 14, 2011 at 5:35pm

This is a bit of an old thread now, but the book by the guy who wrote that ALA article is now available:

http://www.abookapart.com/products/responsive-web-design

I haven't read it yet, but I plan to.

Ethan Marcotte also wrote a

Posted by mike stewart on June 14, 2011 at 9:37pm

Ethan Marcotte also wrote a guest chapter in Handcrafted CSS (more bulletproof web design) by Dan Cederholm -- the chapter by Ethan is called "the Fluid Grid" and clearly explains all the same concepts, including layout changes (aka responsive web). its a good book with lots of real world css best practices -- it came out a little more than a year ago and you can prob pick it up used cheap, or at the library.

--
mike stewart { twitter: @MediaDoneRight | IRC nick: mike stewart }

AltStyle によって変換されたページ (->オリジナル) /