Responsive Design and Why it matters.

It still amazes me that in this modern world of smart phones and data tablets that there are still websites and web applications that don’t have mobile equivalents. And given these conditions it’s almost vital that they should.

With more and more users accessing the web via mobile devices on screens with smaller sizes than home monitors, websites break and this can prevent people from using the service. I find this is most commonly a problem on news sites that have a lot of data to display, but it could be worked around.

This is why I love responsive designs and fluid designs. Instantly scaling to fit the available screen space, and re-arranging content for devices with smaller widths.

Fluid designs in particular are not hard to implement when you are building using a grid, as all you have to do is change the stack order of elements when a display width is set.

As for responsive designs, that change dependent on the view port detected and the max width settings detected, it is as simple as using media queries to change the stylesheet that is used to present the data to the viewer.

After all as designers and technologists we are now having to cater to a whole new generation of devices that don’t always have access to all of the fancy elements we have gotten use to using.

After all, we have all been used to including non flash scripts for years (Though admittedly seen as HTML5 and CCS3 now have decent animation capabilities and Adobe has abandoned flash mobile that might become a dead medium soon).

But if we are willing to make exceptions for Elements on web pages, why aren’t we making exceptions for different viewing media.

Personally I recommend two brilliant CSS sets that can be used for creating fluid and responsive layouts are the incredible Bootstrap from Twitter and Foundation from Zurb.

I suggest if you do design work, you start using them.

Dave the creator of fluid sites

Advertisements
Tagged , , , , , ,

2 thoughts on “Responsive Design and Why it matters.

  1. great post! mind if i repost on my company blog? ion360.wordpress.com

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: