About Responsive website design
Responsive web design or in short "RWD" is the approach that suggests that design and development should respond in the favour of 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.
After completion of the course the students will be able to use
- Fluid grid and image grid concept
- Media queries syntax
- CSS grid system
- Responsive video etc.
The candidate pursuing/completed the course of 10th/ 12th and graduate degree.
- What is Responsive Web Design?
- What is The Viewport?
- Starting Processing When the DOM Tree is Ready
- Setting The Viewport
- Media Query?
- Add a Breakpoint
- Another Breakpoint
- Design for Mobile First
Responsive Web Design –Images
- Using The width Property
- Using The max-width Propertys
- Add an Image to The Example Web Page
Responsive Web Design – Frameworks
- Using W3.CSS