PDA

View Full Version : responsible responsive web design


gentleone
06-01-2011, 08:04 AM
I'm exploring for weeks now what the best way is to develop for mobile, tablet and desktop and investigated many mobile frameworks/boilerplates and I believe this is the most interesting one by Andy Clarke.

‘320 and Up’ (http://stuffandnonsense.co.uk/projects/320andup/) prevents mobile devices from downloading desktop assets by using a tiny screen’s stylesheet as its starting point.http://stuffandnonsense.co.uk/projects/320andup/

Corrosive
06-01-2011, 09:59 AM
Thanks Ralph. That is very useful indeed :)

gentleone
06-01-2011, 01:17 PM
Thanks Ralph. That is very useful indeed :)
Yeah, I believe this is the way to go for now. Just digging the stylesheet as I speak. Trying to get my head around the math that's needed to define the container/column widths for the different viewport sizes :confused:

gentleone
06-07-2011, 11:06 AM
Besides loading the full site images for mobile devices too, which is now slightly solved with the '320 and up' boilerplate, another issue was keeping me from starting to build websites the responsive way. This is declaring different heading font-sizes for the different viewport sizes which looks a bit dull (jumpy) if you resize the browser window, but most of all you have to choose a somewhere-in-the-middle font-size. Luckily there is always jQuery to the rescue and in particular this little neat plugin.

http://fittextjs.com/

domedia
06-07-2011, 02:01 PM
I like their warning :)
Oh, and don't you dare let us catch you using FitText on paragraph text. This is for gigantic display text only!