Wow – maybe I’m the last guy in the room to find out about this, but responsive CSS page layouts really have come a long way. Here are a bunch of screen shots at different widths:
Note that the relative scale of the above snapshots is all over the map, since I had to fit them into the size of this weblog, but as you can see, there’s a lot of automatic shuffling going on. With no effort whatsoever on my part!
Here’s the Jade definition to generate the underlying HTML:
How cool is that?
This is based on the Foundation HTML framework (and served from Node.js on on a Raspberry Pi). It looks like this might be an even nicer, eh, foundation to start from than Twitter Bootstrap (here’s a factual comparison, with examples of F and B).
Sigh… so many choices!
foundation++
Having developed mainly server side Java applications over the past ten years, I am now starting to understand the change in paradigm that comes with Java Script client site applications. A big thanks for pointing this out in the blog and for bringing some structure in the vast amount of frameworks. I am still following your blog on a daily basis. I already have my Raspberry Pi performing home control functions with OpenHAB and KNX via eibd. But I am interested in combining it with a more lightweight solution for sensor data. Great stuff keep going. I have learned a lot over past few weeks.
Hi JC! I finally made it, I’m an independent contractor now! No more boss to bug me all day ;-) I’m spending some time learning web programming, I came across this for data display: http://d3js.org/ its all open source and standard, and it looks great. I’m also going to do the web app course over Udacity here: http://www.udacity.com Keep up the great work!
Hey, congratulations, Pedro! See also nvd3 and cubism, both built on top of d3 for specific visualisation tasks.