With more and more devices and screen sizes becoming popular today with the mobile revolution, designing for just one medium doesn’t seem to cut it for most websites. In comes responsive web design.
What is responsive web design?
Good frontened development, plain and simple. Well formed, valid HTML coupled with clean CSS. We then take the CSS3 media queries which allow us to scale the design for viewing on any number of platforms, devices, or resolutions. We use the same content and same site for any device so you don’t have to use the de facto m.mydomain.com.
A responsive webdesign is compatible with any device and screen size that can browse the internet. Diversity is great however it can drive a designer crazy in an effort to tune a design for every model and every brand of device. The necessity for flexibility in design of layouts becomes more important now that we can better accommodate the increasing number of devices.
The three ingredients
- Fluid Grids
- Flexible Images
- Media Queries
Read More: Responsive Web Design Techniques, Tools and Design Strategies
