Posts by Date

2017 Posts

1. see all Article posts
   

   Article post type

   How to Choose Beautiful & Accessible Brand Colors for Your Website

   by Sondra Eby on Jan 16

   How do you select a set of colors that express the attitude of your brand, look great together, and pass WCAG accessibility standards? How many colors is too many? This step-by-step guide outlines OddBird’s process for tackling these challenges.

   It’s important to define your brand goals first and review them throughout the process. Next, do some research for inspiration. What colors are the other companies in your field using? Use Paletton to generate a cohesive color palette. Test color contrast to ensure accessibility. Finally, create prototypes to make sure you colors work well in context.

2. 

   Article post type

   How to Choose Engaging & Accessible Typography for Your Website Brand

   by Sondra Eby on Jan 11

   How do you choose the best fonts for a brand identity among the thousands of options available on the interwebs these days? Whether you’re starting from scratch or rebranding like us, this step-by-step guide can help focus and direct your process. First, define your brand goals. Next, explore your options…

   see all Article posts
3. 

   Article post type

   A Rebase-Centric Model of Collaborative Git Use

   by Kit La Touche on Jan 5

   If you want to make sense of your git history more easily when you go back, try rebasing as you go. Rebasing while collaborating with others can get hairy quickly. But here’s one way to make it work.

   see all Article posts
4. 

   Article post type

   What’s Old is New: Drop Caps in CSS

   by Stacy Kvernmo on Jan 3

   Using an emphasized initial letter is a technique that has been used for centuries. Let’s dive in to see some ways you can apply it to your project to help guide your reader with visual hierarchy.

   see all Article posts

2016

1. 

   Article post type

   A Visit to the RESTful SPA

   by Kit La Touche on Dec 16

   You can’t always get away with a single-page app; sometimes you need server-side rendering. When you need both, here’s one approach.

   see all Article posts
2. 

   Link post type

   Loops in CSS Preprocessors

   Miriam Suzanne at CSS-Tricks on Dec 2

   No matter what acronym drives your selectors (BEM, OOCSS, SMACSS, ETC), loops can help keep your patterns more readable and maintainable, baking them directly into your code. We’ll take a look at what loops can do, and how to use them in the major CSS preprocessors.

   see all Link posts
3. 

   Link post type

   Beyond Pixels Profile

   Experience design is a collaboration

   Miriam Suzanne at Net Magazine on Dec 1

   Net Magazine featured Miriam this month with a Beyond Pixels profile. “Miriam Suzanne creates experimental experiences with her band and her fellow developers.”

   see all Link posts
4. 

   Article post type

   Behind the Scenes: OddSite Brand Process

   by Sondra Eby on Nov 4

   What follows is an in-depth look at our brand design process thus far as we work towards a new look and feel for this, our OddSite. Details. Confessions. What worked. What flopped. And why.

   see all Article posts
5. 

   Podcast post type

   Versioning Show Ep.8

   on SitePoint with Miriam Suzanne on Oct 18

   I joined Tim Evko and M. David Green for their SitePoint podcast – The Versioning Show. We discussed going from lurker to speaker, the importance of writing about what you’re learning, stumbling into fame, approaching new projects, and unit testing in Sass.

   see all Podcast posts
6. 

   Link post type

   CSS-Tricks Interview

   Miriam Suzanne at CSS-Tricks on Oct 15

   Chris Coyier interviews Miriam when she joins the CSS-Tricks team as a Staff Writer. We talk about getting started in the industry, name confusion, founding OddBird, building Susy, and more.

   see all Link posts
7. 

   Link post type

   Sass Toolkits, Live Q&A

   Miriam Suzanne at SitePoint on Oct 11

   I did a live Q&A at SitePoint in August, talking about: Customizing Susy for your projects Other ways to do layouts (and why you might not even need a toolkit) How to select a toolkit, or build your very own!

   see all Link posts
8. 

   Article post type

   Auditioning GitHub Projects

   by Miriam Suzanne on Oct 7

   With the release of kanban-style project boards, we decided to move our open design process over to GitHub and give it a try.

   see all Article posts
9. 

   Article post type

   CSSConf 2016 Recap

   by Miriam Suzanne on Sep 30

   It was a pleasure speaking at CSSConf 2016 in Boston! Here are some of my notes from the event – covering everything from creativity and the Bauhaus movement to SVG 2 internals, React styles, CSS grid layouts, and custom properties (e.g. CSS-native variables). I included links to slides and video…

   see all Article posts
10. 

    Article post type

    Will CSS Grid Layout Enable Creative Design?

    by Stacy Kvernmo on Sep 19

    CSS Grid Layout is shaping up to be the layout tool we’ve always wanted on the web. How can we use it to start creating interesting layouts?

    see all Article posts
11. see all Case Study posts
    

    Case Study post type

    CoachHub Application

    Responsive platform for integrated health coaching

    for ORCAS from 2014–2016

    A custom application we designed and developed with the ORCAS team – integrating their suite of self-management tools. We built in support for video chat, in-app messaging, public Q&A, webinars, file sharing, health assessments, and more. The app has been used internally by the US Coast Guard, US Military, and National Institutes of Health.