Questions tagged [adaptive-design]

Server side approach which uses a predefined set of layouts and appearances based on the user's preferences and platform on which they are viewing the page to style the page

Adaptive design uses a server side, predefined set of layouts and appearances based on the user's preferences and platform on which they are viewing content to style the page. While this is very similar to responsive design in that it attempts to set up responsive structures for new devices, this varies from responsive design through the delivery of the responsive structures. Adaptive design relies more heavily on predefined screen sizes and less on fluid foundations.

Often times adaptive design is faster and allows certain platforms to be heavily optimized for maximum presentation compared to responsive design, but lacks when variations from the predefined layouts occur. Adaptive design is more fluid and responds easier to every platform but is generally slower to load and requires that the designer know how to make their content dependent on the user's device and specifications.

For a full analysis of this topic, check out this TechRepublic article, this Huffington Post article, or one of the many other articles comparing the two approaches

121 questions
29
votes
2 answers

Separate different version of a website

I want to make sure I want to optimize and make my site very easy to maintain for different version of my site. I have few version of my site: iphone/ipod/android etc... ipad/tablets etc... other small devices like old clap phone default I use…
joel
  • 1,034
  • 9
  • 17
26
votes
8 answers

Responsive design vs adaptive design

Would you explain difference between RWD (Responsive Web Design) and AWD (Adaptive Web Design) in a simple way?
hd.
  • 17,596
  • 46
  • 115
  • 165
6
votes
1 answer

pagination depending on window size - approach to find number of items per page

Sorry for being long and thank you very much for your usual time and guidance. I have a div of unknown dimensions; in fact, its width and height are set using percentages so the final values in pixels depend on the window innerWidth an innerHeight…
Adib Aroui
  • 4,981
  • 5
  • 42
  • 94
6
votes
2 answers

Responsive Images: Resize or Dynamically Crop?

This question is actually not about coding but choosing the right method for a task. I don't know if it is against the rules of SO but here you go.. I once built a small CMS for a local newspaper which gave them the functionality of adding their…
6
votes
1 answer

Using 'table' and 'table-cell' with display property in responsive design?

I am using display: table; on the container and display: table-cell; on the child elements, to highlight some posts horizontally on a page. The thing is, I have no idea as to how to make them responsive, i.e. as the screen-size becomes smaller,…
its_me
  • 10,998
  • 25
  • 82
  • 130
5
votes
2 answers

How can I make adaptive-images send the correct file size for the responsive BootStrap images?

I have Matt Willcox's great adaptive-images working on my site. It works like this: Server delivers 800px image. Adaptive-images redirects to an image that is no bigger than your resolution width The problem is that BootStrap displays the images…
4
votes
1 answer

Styling depending on screen orientation in Xamarin forms

I am styling on phone and tablet but how can I add the option also for orientation? this is all for portrait but how can I add option for horizontal orientation?