Using HTML5 and the Less Framework 3 for Responsive Web Design

By HTMLGoodies Staff

Responsive web design, a term first coined by Ethan Marcotte in his A List Apart column in 2010, describes using several site layouts that are adapted to differing screen widths, and using them appropriately by using CSS3 media queries.

By using a few reset styles, some decent typographic defaults, four media queries for relevant body widths for four resolutions, you can use the responsive web design technique. The "Less" framework involves the Less is More concept, and isn't what most developers think of when they hear the term framework at all.

You can see the Less Framework 3 in action here, and when you're done playing with the browser size, you can customize it further using options that are available at the bottom of the page.

View Full Article

Make a Comment

Loading Comments...

  • Web Development Newsletter Signup

    Invalid email
    You have successfuly registered to our newsletter.

    By submitting your information, you agree that htmlgoodies.com may send you HTMLGOODIES offers via email, phone and text message, as well as email offers about other products and services that HTMLGOODIES believes may be of interest to you. HTMLGOODIES will process your information in accordance with the Quinstreet Privacy Policy.

Thanks for your registration, follow us on our social networks to keep up-to-date