Roll Your Own Responsive Design

Jen Kramer (Harvard University Extension School)
1:45pm–3:15pm Monday, 04/20/2015
HTML5 and CSS3
Location: Salon 8
Average rating: **...
(2.84, 19 ratings)
Slides:   external link

Responsive design is a specific technique, defined with three parts: a grid system, media queries, and responsive images. You can use a framework like Bootstrap or Foundation to build a responsive website, but many object to framework “bloat”. How can you build your own grid system and media queries from scratch? How can you manage responsive images? This workshop will walk you through all three areas. By the end of the workshop, you’ll have a good start at a grid system of your own, integrating media queries and a responsive image system, and maybe you’ll have a bit more appreciation for the responsive design frameworks as well!

Objectives:
- Roll your own grid system!
- Create your own media queries to work with that grid system
- Integrate responsive images into the website you’ll build in class.

Photo of Jen Kramer

Jen Kramer

Harvard University Extension School

For more than a dozen years, Jen Kramer has been educating clients, colleagues, friends and graduate students about the meaning of a “quality website.”

Jen develops sites that are functional, usable, accessible, and supportive of business and marketing goals. Since 2000, she has built websites in a freelance capacity and as part of an agency.

Jen is a lynda.com author with 22 published titles, including the popular “Up and Running with Bootstrap 3”, “Joomla 3 Essential Training”, and “Web Semantics.”

She has written two books published by Wrox Press (a division of Wiley), “Joomla! Start to Finish: How to Plan, Execute, and Maintain Your Web Site” and “Joomla 24-Hour Trainer.”

Jen currently offers courses through Harvard Extension School and National University. She is also available for individual private tutoring, customized classroom training, and consulting.

Jen earned a BS in biology at University of North Carolina at Chapel Hill and an MS in Internet Strategy Management at the Marlboro College Graduate School.