Responsive Web Design (IL 2014)

Want to learn how to design and build responsive websites with a responsive, CSS-based framework?

This hands-on workshop focuses on Bootstrap with supplemental information on Foundation. 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 include:

  • 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
  • integration in third-party tools (i.e., LibGuides), web fonts, modals, carousels, and CMS integration

Participants should come with:

  • Basic HTML and CSS skills
  • Laptop/notebook with a text editor
  • An opinion (or two)

Resources

Search