December - the month of Responsive Design

- Wednesday, December 04, 2013

In a world where everyone is holding a mobile phone or tablet, and we are consuming content on various screens, have you ever wondered:

What is responsive design? 

Every online business out there is seeing a major shift in the consumption habits of their audiences: tablets and smartphones are becoming the main environment for accessing sites.

Day by day, the number of devices, platforms, and browsers that need to work with your site grows.
Responsive web design represents a fundamental shift in how we’ll build websites for the decade to come.
”- Jeffrey Veen

For those of you who create websites and services, all this leads to a singular conclusion: it's clear that a business owner needs a website that works equally well on every device.
This is where responsive design steps in.
Responsive design is an approach aimed at building sites to provide an optimal viewing experience on all screen sizes, tablets, smartphones, iPads, Kindles along with desktop and laptop computer screens. A responsive site adapts the layout to the viewing environment by using fluid, proportion-based grids, flexible images and CSS3 media queries.

If this got you curious and you want to learn more, sign up for our webinar  on December 11th where Paul Cheney, a full-time professor of Digital Media at Utah Valley University,  talks about Responsive Design in Business Catalyst:

In simple terms, a responsive web design figures out what resolution of device it's being served on. A responsive site will detect the type of device and change the site's behavior accordingly, whether we are talking about resolution, number of columns, image size and so on.

Why should I create responsive sites?  

The benefits are obvious: You build a website once, and it works seamlessly across thousands of different screens. Whenever you update your website, it will update for every device and display correctly on every screen. You only have to update in one location, where with a separate mobile site would require a separate location requiring updating as well. With responsive design you get to control what every screen size will be viewing.

Find out more

Business Catalyst enables you to create responsive design in your web projects and we are here to teach you more about this. Stay tuned in December for a series of articles and video tutorials focused on building beautiful responsive sites with Business Catalyst and other Adobe tools.

The Adobe Business Catalyst Team