Why make a website mobile-friendly ?
- The desktop version of a site might be difficult to view and use on a mobile device. The version that's not mobile-friendly requires the user to pinch or zoom in order to read the content. Users find this a frustrating experience and are likely to abandon the site. Alternatively, the mobile-friendly version is readable and immediately usable.
- Mobile is critical to your business and will continue to be so – whether you’re blogging about your favorite sports team, working on the website for your community theater, or selling products to potential clients. Make sure visitors can have a good experience on your site when they’re visiting from their mobile devices!
- Another critical factor that will play into the success of your site on the mobile web is how quickly it loads. Smartphone and mobile web users are often looking for a faster, more efficient solution.
What Makes it Responsive ?
The various technologies and design patterns that are used today for Designing Responsive Website....
A layout, where each of the element is sized in relative proportion to its container. As the container resizes, all the elements (including fonts) auto-resizes accordingly.
Image that resizes proportionally, depending on the width of its container.
CSS3 Media queries
Media Queries, a CSS3 module, is an enhancement of the @media rules of CSS. This allows to adapt the rendering of web pages, based on conditions such as screen resolution, size of display, color depth, aspect ratio etc. RWD design technique allows building web pages that alter how they look using CSS3 media queries.
The evolution of HTML5, with its semantic elements is a boost for Responsive Web Design.