Artistic Capabilities

All you need to know about Graphic Design

What is responsive web design all about?

August 10, 2014, by Dale, category Graphic Design, Web Design

You have probably heard about terms such as responsive design, html5, and so on in the past. This is the recent trend in web design and a great leap forward in terms of support for multiple devices, native multimedia playback without the need for additional plugins and so on. In the next couple of sections, we will break down responsive web design and the technologies that have made it possible.

Responsive Design 101

responsive-web-design-300x207In the past, designing a website that would be accessed from both mobile devices and computers was quite a hurdle. A different version of the site had to be built for each screen layout and most of the time, two different sites needed to be build. The mobile site was accessed through a different address such as m.website.com while the desktop version would be accessed through the usual www.website.com. There had to be a different team on each version of the website especially for sites that needed constant maintenance and updates.

Responsive design came along to solve the headache that web designers had been facing for years. With this form of web design, you only need to make one version of the website and it will adapt itself automatically to fit the specifications of the device it is being accessed. This way, both mobile and desktop can access www.website.com and receive the version of the website that best fit their devices. Responsive design makes use of new technologies such as html5, css3 and JavaScript. Let us take a brief look at these technologies.

HTML5

This version of html has been a huge step forward in the world of web design. A lot of new features were introduced in this feature making it possible to watch videos and listen to audio content natively inside the browser without having to install third party plugins. The new tags that were introduced in this version have also made it much easier to get a website up and running with the minimal amount of effort.

CSS3

Disadvantages-of-Responsive-Web-DesignThis is the technology that brings all the beauty to responsive web design. Through the use of media queries, a site can determine the specifications of the device you are accessing it from and format it to make the best use of things such as screen size and processing power. This is all done automatically in the background and ensures a consistent user experience between different devices.

JavaScript

Last but not least, JavaScript can be considered to be the engine that powers websites that are responsive. It is responsible for things such as animations and can be used together with CSS3 to ensure a smooth and consistent user experience on a website. It is also used to build web applications that are fast and responsive.

The three technologies put together are what makes responsive web design what it has become today. They work hand in hand to ensure that you get a consistent, fluid and fast experience when visiting a website regardless of the device that you are using. Even though there are other developments being made in this field, responsive web design has proven to be a life saver for every web designer, website owner and online business.

This post is prepared for you by Houmaan Photography offering Super Professional Headshots Photography Services in Greater Toronto Area.

Comments are closed.