Custom Foundation Training

Get your team up to speed on Foundation. In-depth custom workshops from the Foundation gurus. With the proliferation of devices, it’s now necessary for every designer and developer to design responsively. Foundation makes this possible. We can help you and your team get up and running on Foundation incredibly quick with our series of classes. You'll be taught by designers and engineers who work on the framework's code base every day.

Contact us about in-person team training

Questions? Contact us at

Real-time, In-Person Group Training

Choose from a variety of classes and create your own custom training session.

Training Tailored to your Teams' Needs

We work together to come up with a curriculum that matches the needs of your teams.

Immersive Training

We craft a syllabus that covers topic areas your teams want to learn most — from rapid protytyping and interation to multi-device design to design collaboration.

Taught by Practicing Designers

We have nearly two decades' worth of product design under our belt and we'll teach you the processes we use on a daily basis.

We'll Meet You Anywhere

You don't have to move a limb — we'll come to you! Or you can come to us at our fully-equiped learning space.

Get the right training for your team

Whether it's Responsive Design, coding with Foundation, or Product Design, we got you covered. We put together an example of custom training we've done in the past. We put together an example curriculum below.

Using Foundation

  • Getting started: The quickest way to get Foundation configured and installed.
  • Explanation of mobile first approach: Use the mobile-first grid to get support for the largest number of old devices.
  • Explanation of the flexible, powerful grid: Learn how to quickly build complex responsive layouts using the Foundation grid.

Prototyping With Foundation

  • Navigation: How to quickly implement 5 common navigation patterns
  • Typography: Great looking type and vertical rhythm right out of the box
  • Block grid: Get elements to line up easily
  • Panels: Highlight content or sections of your page
  • Buttons: Create clear calls to action by just adding a style
  • Forms: Layout inputs, selects, and labels to create easy to use forms
  • Visibility classes: Show different navigation or content elements for different devices

Introduction to Sass

  • Installing and compiling Sass: The quickest way to get up and running with Sass
  • Nesting: Stop repeating the same CSS selectors over and over again
  • Mixins: Write CSS that can be easily reused
  • Math: Make your CSS maintainable by calculating values rather then hardcoding them
  • Color functions: Generate color values rather then updating them all by hand
  • @extend: Inherit styles without having to duplicate selectors
  • @import: Load shared stylesheets to make dependency management a snap

Using Sass in Foundation

  • Creating a Foundation project with Compass and Sass: The quickest way to get started
  • Variable settings: Customize the components in Foundation without writing any CSS
  • The grid: Build with the grid and semantic markup
  • Buttons: Make Foundation buttons without adding presentational classes
  • Button groups: Organize buttons into navigation elements
  • Alert Boxes: Use mixins to create alert boxes
  • Panels: Call attention to navigation or content