What The Heck Is Responsive Web Design?
johnpolacek.github.com
What The Heck Is Responsive Web Design?
1–10 of 35 posts
Re: What The Heck Is Responsive Web Design?
#2Wow. For an article with that topic, that sure was painful to read on an iPad. Since a bunch of content entered the page on scroll (and iPad pauses DOM changes while scrolling), I had to constantly scroll small amounts to make sure I wasn't missing anything.
Re: What The Heck Is Responsive Web Design?
#3the content is great, but presentation annoying as hell. should have just put it as static text.
Re: What The Heck Is Responsive Web Design?
#4Terrible website, I gave up reading in frustration.
Re: What The Heck Is Responsive Web Design?
#5For a web design to be truely responsive and mobile friendly you need to do more than just move pixels about and change the size and layout of DIVs with media queries. A truely mobile-friendly site will serve a more contextually sympathetic experience to a person holding a mobile device, an experience that avails of all the additional contextual hints that you have available to you on mobile: location, heading, device orientation etc.
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...
Re: What The Heck Is Responsive Web Design?
#6Wow. For an article with that topic, that sure was painful to read on an iPad. Since a bunch of content entered the page on scroll (and iPad pauses DOM changes while scrolling), I had to constantly scroll small amounts to make sure I wasn't missing anything.
It was painful in a desktop browser too.
It's ironic really that such terrible layout was born from a document detailing optimal layout concepts
Re: What The Heck Is Responsive Web Design?
#7I figured out you could use the space bar to advance through the "slides", which made the presentation just about usable. I then instinctively - and possibly stupidly - tried to use backspace to go back a slide. Obviously, I arrived back at HN. I didn't go back to finish reading.
Interesting subject matter, poor presentation.
Re: What The Heck Is Responsive Web Design?
#8I figured out you could use the space bar to advance through the "slides", which made the presentation just about usable. I then instinctively - and possibly stupidly - tried to use backspace to go back a slide. Obviously, I arrived back at HN. I didn't go back to finish reading. Interesting subject matter, poor presentation.
Wow, tough crowd.
Re: What The Heck Is Responsive Web Design?
#9For a web design to be truely responsive and mobile friendly you need to do more than just move pixels about and change the size and layout of DIVs with media queries. A truely mobile-friendly site will serve a more contextually sympathetic experience to a person holding a mobile device, an experience that avails of all the additional contextual hints that you have available to you on mobile: location, heading, devic…
The thing is: the stuff you serve for mobile is the only stuff worth serving. Anything else is noise and filler.
Re: What The Heck Is Responsive Web Design?
#10For a web design to be truely responsive and mobile friendly you need to do more than just move pixels about and change the size and layout of DIVs with media queries. A truely mobile-friendly site will serve a more contextually sympathetic experience to a person holding a mobile device, an experience that avails of all the additional contextual hints that you have available to you on mobile: location, heading, devic…
Agreed. Do yourself a favour and consider the mobile platforms as a blank canvas to explore rather than a castrated desktop experience.
(In response to the comment above/below: don't castrate the desktop just to satisfy mobile either! Letting a hundred flowers blossom, or something...)