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