Responsive Web Design

Matt Gray, Australian National University

Track: Web & HTML5; Audience: Beginner

Responsive web design is a philosophy and front end development strategy that makes websites accessible on a number of devices through the use of fluid grids, flexible layouts and media queries, allowing webmasters to design a site once and format it differently for many displays, such as desktops, laptops, tablets and phones.

At present, the ANU website is designed for a minimum display resolution of 1280 by 1024 pixels, which was a common practice several years ago when mobile display of websites was still a contentious issue. However, this concept of a ‘fixed-width’ display no longer meets the needs of our users.

This talk will show the technical and design requirements for converting your web site(s) to a responsive design. We will look at examples of working sites, and show what we are currently doing at ANU to move to a responsive design.

  100.8 MB
  2.9 MB

2 thoughts on “Responsive Web Design”

  1. Here are some of the links that I’ll be using in my talk today:

    Example sites:
    http://foodsense.ishttp://www.anderssonwise.comhttp://earthhour.frhttp://www.bostonglobe.com many more at…

    ANU test site:

    Further reading about responsive design:
    Responsive Web Design eBook – Dao of Web Design (John Allsopp) Web Design (Ethan Marcotte) Web Design Is No Mobile Web (Jeremy Keith) a Future-Friendly Web Content First (Stephen Hay) responsive design by default Richer Canvas Advertising Say Responsive, I Say Adaptive Responsive Design Approach for Complex, Multicolumn Data Tables Data Table Roundup CSS Media Queries a Menu to a Dropdown for Small Screens Content: If in Doubt, Leave It Out ultimate responsive web design roundup

Leave a Reply

Your email address will not be published. Required fields are marked *