Tips and Tools We Love
We wanted to show some love to a few great tools we use to get us through our work days. Do you have any to add to our list?
Article
post type
2017 Posts
Article post typeGenerating Code Documentation for Polyglot Projects
Code documentation is ideally written as close to the actual code as possible, but compiled into a comprehensive set of documentation that includes code from all languages in use. Here’s how we intend to do that.
Article post typeServer-Side Rendering For Client-Side Apps
We want the convenience of a client-side single-page application using our MV* framework of choice, but don’t want to sacrifice the SEO and UX benefits of rendering the initial markup on the server. And while we’re not here to trash on Node.js, we’re also not ready to commit to an…
Article post typeCSSDay 2016 Recap
CSSDay was held in sunny Arizona on December 3, 2016. The conference is geared towards front-end developers who want to dive deeper into advanced CSS topics.
-
see all Case Study posts
Case Study post typeQuarqNet
Real-time telemetry & sharing for athletes
A custom application we designed and built in collaboration with Quarq’s internal developers – including a responsive interface, real-time mapping & telemetry, social networking, and third-party integrations with Strava, Training Peaks, Dropbox, and Today’s Plan.
Article post typeBirds Recommend: Performant Parallaxing with CSS 3D
If you’d like to learn how to create parallax scrolling for your website, Paul Lewis’ guide to performant parallaxing is the perfect place to start.
Article post typeWe Are Not Neutral: 2016 in Review
OddBird is a small company – a shared vision and brand that transforms seven remote contractors into a Web Software Agency. 2016 was a year of big changes for us, individually and as a company. We can’t distance ourselves from the world we work in, or the lives of…
Article post typeDesigning Using Data
Ongoing education in our industry is a must. Attending conferences is a great way to learn and network with other industry professionals. Unfortunately, not everyone is able to attend conferences, but have no fear! Many of the best conferences post videos online, giving our community an easy way to learn…
-
see all Article posts
Article post typeHow to Choose Beautiful & Accessible Brand Colors for Your Website
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.
Article post typeHow to Choose Engaging & Accessible Typography for Your Website Brand
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…
Article post typeA Rebase-Centric Model of Collaborative Git Use
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.
Article post typeWhat’s Old is New: Drop Caps in CSS
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.
2016
Article post typeA Visit to the RESTful SPA
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.
Link post typeLoops in CSS Preprocessors
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.
Link post typeBeyond Pixels Profile
Experience design is a collaboration
Net Magazine featured Miriam this month with a Beyond Pixels profile. “Miriam Suzanne creates experimental experiences with her band and her fellow developers.”
