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. OddBird provides custom consulting and in-depth trainings on front-end architecture and workflow – from advanced HTML/CSS to integrated design systems, component libraries, testing, and documentation.

Schedule a call to begin

The web platform is designed to be universally accessible and resilient across a range of devices and interfaces. That presents a unique set of challenges and opportunities for our web applications.

We offer 1-3 day workshops with ongoing consulting to help you take full advantage of the web, improve team process, and reduce maintenance over the long term.

Choose Your Own Adventure

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

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