OddBird stands with the Black community in demanding change. Make a donation, and OddBird will match it.

OddBird

Training & Consulting

Resilient Web Systems

Upgrade your app with front-end training & consulting

Take full advantage of the universal web, and reduce maintenance over the long term with resilient HTML, CSS, and JS systems. We offer in-depth workshops, with ongoing consulting on front-end architecture and workflow – from advanced HTML/CSS to integrated design systems, component libraries, testing, and documentation.

Schedule a call to begin

Choose Your Own Adventure

  • CSS Fundamentals In-Depth

    It’s possible to write CSS for years without fully understanding the core features of the language: from the cascade & inheritance, to the declarative & contextual programming paradigm.

  • Resilient & Universal Code

    Browser support & device compatibility don’t have to be difficult and expensive. We’ll cover a number of techniques for building more resilient and universal front end code, while taking advantage of new browser features as they become available.

  • Intrinsic & Responsive Layouts

    We’ll cover the web layout system as a whole – grids, flow, flexbox, alignment, intrinsic sizing, and queries – showing when and how to mix and match techniques for fast and dynamic layouts.

  • Naming & Organizing Conventions

    From OOCSS to ITCSS, SMACSS, BEM, and atomic design, there are a number of naming and organizing conventions that can help us write modular & maintainable CSS. We’ll look at what these systems have in common, and how to adapt those principles for the needs of your team or project.

  • Design Systems & Component Libraries

    Reusable design & component systems can improve consistency, code-quality, and team communication. You don’t need a dedicated team and budget to get started. We’ll talk about planning and designing systems in an agile and integrated environment.

  • Style Guides & Documentation

    Documentation is central to maintainable code, but how do we make sure the documentation itself is maintained and up-to-date? We’ll look at workflow and tooling for automated and integrated style guides and documentation.

  • Tooling & Testing

    The tools we use help define our workflow, and the long-term reliability of our code. Tools & tests should help encourage best-practice without locking us into antiquated systems. We’ll talk about designing the right tooling and testing workflow for your team or project.

  • Team Process & Workflow

    Struggling with messy handoff or communication between designers & developers? We can help you find the practical workflows that keep your process running smoothly.

  • HTML & CSS in JS Frameworks

    With the proliferation of modern JavaScript frameworks, we need to rethink exactly how the core web languages relate and work together. With some thoughtful integration we can take advantage of all the new power in tools like React and Vue without losing sight of what HTML & CSS provide.

  • Sass Modules & Pre-Processing

    Sass has become one of the fundamental tools for writing clear & maintainable CSS, and is growing quickly with a new modular syntax, more powerful math, and new features landing regularly. We’ll help you get the most out of everything Sass has to offer.


Prices are negotiable, depending on the event size, location, and context. Workshops can range from half-day to 3-day intensive. Contact us for details.

Event Schedule

Upcoming Appearances…

Miriam Suzanne is a product lead, user-experience designer, writer, speaker, and open source developer.


We’re here for you

Ask us anything. We want to answer your questions, and get to know you – your needs, goals, and expertise – so we can provide thoughtful advice, and help guide you to a successful launch of your web project.

Schedule a call with Miriam