Responsive Web Design:

A Hands-On Workshop
by Roy Degler
Computers in Libraries
April 6, 2014





`

Overview

A workshop focused on teaching you how to design and build responsive web sites with a responsive CSS-based framework. The workshop will focus on Bootstrap with supplemental information on Foundation. In the hands-on workshop you will learn to control layout using a responsive grid system, apply the framework’s CSS to HTML elements, and incorporate select custom jQuery plugins.

Participants should come with a basic understanding of HTML/CSS, a laptop, and an opinion (or two).

Topics

  • Selecting a Framework
  • Downloading the framework and incorporating it into an HTML document
  • Designing page layouts utilizing a responsive grid system
  • Adding basic page elements using CSS and customizing the CSS
  • Creating navigational elements
  • Incorporating jQuery plugins
  • Optional Topics (time permitting)