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