Responsive Web Design

  • Posted: August 15, 2011

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

  1. Fluid Grids
  2. Flexible Images
  3. Media Queries

Read More: Responsive Web Design Techniques, Tools and Design Strategies

Mike Averto

Mike Averto

is the Founder and Chief Designer at Otreva Designs. He’s an experienced web developer/designer who specializes in front-end development (JavaScript, HTML, CSS). When not hand-crafting HTML/CSS you'll find him learning about some type of new web technology.

Twitter

Leave a Reply