Responsive Web Design in Practice

Today's library patrons are browsing the Web on a variety of devices including tablets, e-readers, mobile phones, and desktops. Responsive web design employs techniques that will enable your library's website to automatically adapt to whatever screen size it's being viewed on. Learn how to utilize CSS techniques such as fluid grids and flexible images combined with responsive design techniques such as media queries to deliver an optimal experience for your library patrons regardless of device. Design one website to fit them all.

With both beginner and expert developers in mind, this complete handbook guides the reader through the process of developing and launching their own Responsive Web Designs and introduces the craft of building multi-screen experiences. Online demos and downloadable code files are included for all projects:

Adapting your Existing Layout into a Responsive Layout – A RWD RetrofitBuilding a Responsive Layout from Scratch – A RWD BookreaderCreating a Responsive Contact Form – “Get a Library Card”Creating a Responsive Search InterfaceCreating a Responsive Single Page Application – “Mobile Feed App”Using an RWD Framework for a complete site: Twitter Bootstrap

Jason A. Clark is the Head of Library Informatics & Computing where he builds and directs the digital branch of the Montana State University (MSU) Library. In his work, he has focused on semantic web development, digital library development, metadata and data modeling, web services and APIs, search engine optimization, and interface design.

Before coming to MSU in 2005, Jason became interested in the intersection between libraries and technology while working as a web developer for the Division of Information Technology at the University of Wisconsin. After two years, he moved on to the web services department at Williams College Libraries.