twitter facebook linkedin google-plus YouTube amazon

Workshops

Jen Kramer presents workshops in half-day and full-day formats. These workshops were presented at past conferences like the HTML5 Developer's Conference, the O'Reilly Fluent Conference, and OSCON, the Open Source Conference, as well as one-off presentations to groups like General Assembly and The Women's Coding Collective.

These workshops are available for presentation at conferences or to public or private groups. Would you like a longer or shorter workshop? Or would you like a different topic? Contact Jen with your request!

Learn one of the hottest front-end frameworks and incorporate it into your work tomorrow. Follow along and learn how to build a Bootstrap-based website from scratch, incorporating the responsive grid system, see the basic CSS in action, incorporate Javascript-based components, and customize CSS using LESS. Bootstrap, an open source front-end framework, is one of the most popular front-end frameworks for building responsive websites. In this workshop, Jen Kramer will demonstrate how to use Bootstrap as a foundation in your next web design project.

Read more

Presented with Heather O'Neill

With all the courses available online, it’s easy to access the technical tools needed to build a website. However, the actual process of how to go about it is less clear: what goes on the website, who it’s for, and how it should be organized are just a few of the questions that need to be answered before coding can begin.

Read more

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!

Read more

CSS layouts are a pain in the neck. Fortunately, the flexible box layout, also known as Flexbox, is almost ready for use in production websites. Take a quick look at Flexbox, including what it is, how it's configured, its terminology, and browser support. Get a jump on this future of web layouts!

Read more

Learn one of the hottest emerging front-end frameworks and incorporate it into your work tomorrow. Follow along and learn how to build a ZURB Foundation-based website from scratch, incorporating the responsive grid system, see the basic CSS in action, incorporate Javascript-based components, and customize CSS using Sass.

Read more

In development! A 3-hour introduction to Sass.

Sass is a CSS preprocessor that enables designers and developers to write DRY code. Leveraging data structures like variables, if/else statements, functions, and loops, Sass enables CSS designers to create code that’s easier to follow and less repetitive.

In this tutorial, Jen Kramer will teach you how to:

  • set up a typical file structure for working with Sass
  • work with a Sass compiler to create CSS the browser can understand
  • create variables, mixins, and more to keep code DRY
  • works with Sass’s built-in functions to manipulate color, make calculations, and more
  • create a real-world website with Sass.