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