restgenesis.blogg.se - Responsive grids mvc

All these factors influence responsive Web design. You might need to change the fonts or interaction areas to respond better to a touch environment. Don’t assume the user won’t need access to all the site information because she’s on a mobile device. Maybe you’ll present the information in a different order. It also means thinking about what that mobile user will require first when visiting your site and then laying out the content accordingly. Taking the user’s needs into account doesn’t just mean adapting your content to the screen size. Suppose a mobile user will be viewing your site on a small screen. The key point is adapting to the user’s needs and device capabilities. Truly responsive Web design requires all three features to be implemented.

Flexible images and media, through dynamic resizing or CSS.

A flexible grid-based layout that uses relative sizing.

Media queries and media query listeners.

Three key technical features are the heart of responsive Web design: Instead of responding to today’s needs for a desktop Web version adapted to the most common screen resolution, along with a particular mobile version (often specific to a single mobile device), the idea is to approach the issue the other way around: use flexible and fluid layouts that adapt to almost any screen.

Essentially, the article proposed addressing the ever-changing landscape of devices, browsers, screen sizes and orientations by creating flexible, fluid and adaptive Web sites.

It all started with Responsive Web Design, an article by Ethan Marcotte on A List Apart. Volume 26 Number 11 HTML5 - Responsive Web Design