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