Articles


Blogworld: Why Responsive Design is Critical to Your Blog


NOTE: This is the raw notes. I will put together a well thought article later.

Blogworld: Why Responsive Design is Critical to Your Blog

Speaker: Mitch Canter

The standard web brought in one website to all platforms and devices. If you looked at a website in a mobile device you would have to pinch to enlarge and do a lot of scrolling.

The mobile web grows 8x faster than the desktop.

1 out of every 5 people use the mobile web daily.

Responsive design is a flexible foundation. It molds according to the device you are viewing on.

The Elastic Grid – It understands what device and platform you are viewing on and lays out the website accordingly.

Media Queries specifies the media. Instead of it determining the media it looks for the viewport. You can retrofit the old site and determine the width and layout

Moves away from a fixed width and goes toward a variable percentage.

Out & About Marketing – Responsive Design Ready

Mitch Canter – Responsive Design Ready

You can tell your images to size down according to the width available. The appropriate height will be adjusted.

960 grid is a fixed grid

The Skeleton grid takes the 960 and makes it fluid and responsive.

getskeleton.com

github.com/studionashvegas/SNV-Core-Theme

Golden Grid allows you to add items as the width expands. Great for people who have extra large monitors.

Famous Examples

thinkvitamin.com

tackleondemand.com – by lores while on their boat.

Bostonglobe.com

 

Implications of responsive design

github.com/filamentgroup/responsive-images

It might have been nice to use a bit.ly like URL shortener but oh well.

Goal: Keep control of your website’s look.

Enhanced by Zemanta

Leave a Reply

Your email address will not be published.