responsiveness

Responsive design is web approach that creates dynamic changes of the site appearance depending on the screen resolution.

Responsive design means that site content is manipulated by JavaScript and/or CSS3 Media Queries. That allows you to have one installation used for all devices. The main difference of Responsive Web Design from Adaptive Design is that site does not require specific layout for different devices. Mobile sites has 2 versions available: the desktop version and version created specifically for mobile devices. Responsive Web Design is a single design created to fit all possible screen resolutions.

The main features of Responsive Web Design are:

• Using the same elements adapting them across difference devices.

• Rearranging the components of the web page.

• Cropping images to the required size.

Adaptive design sites need to load all possible designs while Responsive – need to load the one that work for specific mobile layout. That is the main reasons why Adaptive sites are much slower than Responsive websites are time spent to load the site and resources taken.

With the help of JavaScript and/or CSS means your site can be resized for the following screens:

1. Desktop

2. Laptops

3. Mobile devices. This type has two modes available:

   • Portrait

     

   • Landscape

     

4. Tablets.

   

   Tablets mobile devices have the same two modes (portrait and landscape) available.