Here is an amazing gif created by FastcoDesign that explains how it simply works: Ok cool, so how does it look in the real world? Web designers use multiple templates for one website in adaptive design, whereas in responsive sites they use a single template with a flexible framework. When it comes to generating the sites, there are differences too. In responsive sites, the device receives all of the data and then has to work at responding to the site.Therefore an adaptive website downloads a little faster (or much faster in larger sites). In adaptive sites, the server works in order to deliver the best version of the page to the device.“Adaptive design is server-side, meaning before the page is even delivered, the server (where the site is hosted) detects the attributes of the device, and loads a version of the site that is optimized for its dimensions and native features.”Īnother way to describe the difference between the two would be to compare who does all the work: “Responsive design is client-side, meaning the whole page is delivered to the device browser (the client), and the browser then changes how the page appears in relation to the dimensions of the browser window. Garrett Goodman came up with a simple definition: Much of what is different between adaptive and responsive sites is how the information is communicated to users as far as the HTML and CSS are concerned. This adaptation means that more mobile phone users have access to sites, albeit on slightly varied levels. Upon detecting a low-end device, the server can automatically filter through only the least complicated content. This specific feature is useful because some mobile phones are not able to read more complex sites. The server identifies the device or operating system and sends the corresponding version of the file.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |