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.
As we do this, our main core concepts in mind of developing technical features which serves as a heart of responsiveness in web design for all clients.
The key point is adapting to the user’s needs and device capabilities. Suppose a mobile user will be viewing your site on a small screen. Taking the user’s needs into account doesn’t just mean adapting your content to the screen size.
It also means thinking about what that mobile user will require first when visiting your site and then laying out the content accordingly.
While mobile devices are changing the display landscape, with the appearance of more and more small screens, don’t forget what’s happening at the other end of the spectrum.
Displays are also getting larger and larger. Having to serve both segments shouldn’t stop designers from being innovative on either. Our core concepts include;
- Media queries and media query listeners
- A flexible grid-based layout that uses relative sizing
- Flexible images and media, through dynamic resizing or CSS