To all the critics, I built this to be a slide deck on responsive web design, not a responsive website itself. Its main purpose is for me to launch full screen on Chrome and show on a projector or tv. Its for educating my co-workers on the subject (haven't even had a chance to actually give a presentation yet). Can I at least get some points for using rem's? That's pretty cool, right? haha
Anyway, I did this over my winter break - as well as creating Scrollorama and scrolldeck.js and taking care of a new baby (yay! my 2nd son was born dec. 6). Thanks for checking out my stuff. Hope it is useful for some of you!
By the way, I'm currently rebuilding this using Bartek Szopka's excellent impress.js framework. http://bartaz.github.com/impress.js
You can ignore all of this and create something that will render on a small screen, and say your mobile site is "done" but to do so is to miss out on the opportunities that mobile web presents. Doing this right is much harder of course, but there's a reason why almost all of the Alexa top 100 sites serve entirely different HTML to mobile devices, rather than taking a media queries approach.
There's a summary of all the ways to achieve these goals here: http://mobiforge.com/starting/story/mobile-web-content-adapt...
Come on.
This is worth a look also: http://www.slideshare.net/yiibu/adaptation-why-responsive-de...
For instance, mobile users can do without the "Latest Posts" sidebar on a forum, but the users preferred it on the desktop. You'd probably remove most of the Twitter Bootstrap topbar links from the mobile version because they'd scrunch up and get in the way, but that doesn't mean having the "Quickstart Guide" link convenient on the desktop version.
There's nothing glorious about not taking advantage of larger screen real estate to make your website more usable, convenient, and feature-accessible to your users. It's the difference between good and bad design.
(In response to the comment above/below: don't castrate the desktop just to satisfy mobile either! Letting a hundred flowers blossom, or something...)
It's ironic really that such terrible layout was born from a document detailing optimal layout concepts
Interesting subject matter, poor presentation.
I had the same problem as other posters--this presentation more or less breaks scrolling (it still works, but is very awkward).
Using the left/right arrow keys to navigate the presentation works quite well. To bad that navigation tip isn't included on the first slide or on that persistent gray bar or something. It makes a huge difference.
I actually prefer browsing pages than systems.
