Tuesday, May 29, 2012

Mobile first - Responsive web page design


Image: 'Browser'  http://www.flickr.com/photos/38305415@N00/4397800453
Image: 'Browser' http://www.flickr.com/photos/38305415@N00/4397800453

Following on from last week's efforts with the jQuery mobile javascript library, I thought we might have a look at building a responsive web page (one that will display its data in different ways on different screen resolutions).
Once again, we're going to stand on the shoulders of giants to achieve our goal. This time using HTML5 Boilerplate. This is a set of HTML5, CSS3 and JavaScript that solves a lot of cross browser compatability issues. Not everyone likes the 'include everything you might need' approach (Harry Roberts, for example), but for our purposes its pretty close to perfect... especially when you find that someone's built a template generator to help you to get started with new responsive design projects based on HTML5 Boilerplate.
Here's a few links to get us started:

2 comments:

Mani said...

I have read this post. collection of post is a nice one ..that am doing website designing company chennai india and website development company chennai india. That I will inform about your post to my friends and all the best for your future posts..

Nobanno said...

Web page design is really base of every business nowadays. without website no business can get desirable success. http://www.grafwebcuso.com/ gave me a great idea about this