ON NS About Contact Us Advertise Team Work with us

I have seen many professionals having difficulty determining the difference between a responsive design and an adaptive, and thus getting the question what is the best option for the project.
In this article I will try to clarify this question clearly, making it easier the decision process and achieve better results and productivity. What is Responsive Design?
A responsive design is one where all the content is flexible, repositioning themselves as the user environment, such as screen size, orientation (horizontal or vertical) and platform.
Gone are the days when it was necessary to be creating several versions of the site to meet different screen devices, having to make the device type verification that was being used for access to the site and then redirecting to the correct version. The following is an example of how this would be:
http://mobile.seusite.com.br
It was like that for a while, but no longer continue in this way. Already we are able to develop sites with support for user-friendly navigation in all types and device formats. There is a plethora of scripts and frameworks that help in this process, and own CSS combined with JavaScript - for those developers who do not want to be using libraries or frameworks - if properly combined with HTML, will generate the same result.
An adaptive design is basicamenteo mtps what was used a few years ago, where we had a set of code for each type of device that accessed the site. Today it is still used when it is necessary limitation of functionality for certain devices, or even to meet part of marketing and can help in conversion funnels. See also: 5 Tips to build a great web application.
An adaptive design example is the site of Luthansa (www.lufthansa.com). If access is made from a PC appears a version and as much as you resize the browser, nothing will change. Now if you access a smartphone, will be a redirect to the mobile version (mobile.lufthansa.com). The most interesting is that if you access the mobile version from a PC, a different version mtps of which appears in smartphones is displayed. See the images below as is the result of access via PC to the traditional version and the mobile version.
Not if you think that way, you're wrong. One did not give rise to the other, but should be used as needed. Not always the best solution mtps for a project is a responsive design, it may be that there is a marketing campaign, you need to obtain metrics based on certain devices, and want to allow unique experiences for each of these devices, so in that case you use it adaptive design. Now, if there is no such need and the project needs to work well in any type of device, then the responsive design is the best solution.
We recommend for you How approved and detect the problem Design your client's strengths mtps After criticism, Samsung rethinks the use of materials mtps for the manufacture of their devices DesignCrowd FAAO your logo or layout with thousands of designers
Prse cons of a smartphone with a large screen November 21 Creating a usurio account in Windows 8? H one day to get rid of announcements on Google, tero users to pay H 1 day What is the best free antivirus? H 5 mss Types Request Information Systems at the company six years H Removing the NationZoom pc? H 6 mss 10 myths and truths about cell phone batteries and notebooks H 2 years 24 years of Super Mario World and Super Nintendo H 1 day Samsung Lanao Milk Video. Meet Intel v H 1 day their actions rise after growth announcement in 2015 H 1 day
ON NS About Contact Us Advertise Team Work with us
TOP