Responsive Web Design

Responsive Web Design

There has been a lot of talk lately about Responsive Web Design. The idea behind Responsive Web Design is instead of creating one page for each Web, Tablet and Mobile then having to detect which version to show the user, you create one page and use Media Queries to style content based on the users screen size.

Responsive Web Design Responsive Web Design

By using Media Queries, a Responsive Web design uses is able to determine what resolution of device it’s being served on. Through the use of fluid grids and flexible images, the content is able to be re-sized correctly to fit the screen. If you are viewing this page on a computer or laptop, try resizing your web browser and see what happens to the images, fonts and layout on this page.

The benefits of responsive web design are obvious, you build a website once, and it works seamlessly across thousands of different screens. Simply build your website template off a 12 column fluid grid, assign the various sections their respective column widths and away you go!

12 Column Grid 12 Column Grid

With the increasing popularity of tablets and smartphones, the fact is that users prefer browsing the web on their mobile devices. For web designers and developers, it offers the simplest way to reach visitors across multiple devices. For users, it ensures a great experience from any device.