Challenge Overview
In the field of Web design and development, we’re quickly getting to the point of being unable to keep up with the endless new resolutions and devices. For many websites, creating a website version for each resolution and new device would be impossible, or at least impractical. Should we just suffer the consequences of losing visitors from one device, for the benefit of gaining visitors from another? Or is there another option?
Responsive Web design is the approach that suggests that design and development should respond to the user’s behavior and environment based on screen size, platform and orientation. The practice consists of a mix of flexible grids and layouts, images and an intelligent use of CSS media queries. As the user switches from their laptop to iPad, the website should automatically switch to accommodate for resolution, image size and scripting abilities. In other words, the website should have the technology to automatically respond to the user’s preferences. This would eliminate the need for a different design and development phase for each new gadget on the market.
Final Submission Guidelines
In this contest, our client need the competitors to convert some website pages responsive.
Scope:
- All pages in the attached source HTML/Css/Js code are in scope.
Targeted browsers:
- IE 8,9,10
- Firefox latest versiom
- Chrome latest version
- Safari latest version
- Mobile browsers(iPhone/Android/Black Berry)
- Tablets browsers(iPad/Android Tablets)
Here are some helpful tutorials for you to read and learn what is Responsive Web Design and how to implement the Responsive Web Design: