Roll Your Own Responsive Design

About This Workshop

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!.

Learning Objectives

  • Roll your own grid system!
  • Create your own media queries to work with that grid system
  • Work with Picturefill to create responsive images that resize with the browser


Attendees must have a solid working knowledge of hand-coded HTML and CSS. HTML knowledge should include HTML5. CSS knowledge should include concepts like floats and clears, absolute and relative positioning, and a basic working knowledge of constructing a media query.

Dieser Workshop findet in englischer Sprache statt.


399,00 € inkl. Mittagessen, Pausensnacks und alkoholfreien Seminargetränken
Der Preis versteht sich inkl. der gesetzlichen Mehrwertsteuer in Höhe von 19%.

Mind. 5 Personen / max. 12 Personen (Das College findet nur statt, wenn die Mindestteilnehmerzahl erreicht wird)

Jetzt buchen

Jen Kramer

Jen Kramer is a Lecturer at Harvard University Extension School in the Master's of Liberal Arts in Digital Media Design, prolific video author, creating 27 training courses for, O'Reilly Media, and Aquent Gymnasium

Jetzt buchen