One of the things I like the most about what we do is the fact that there’s always a bunch of different ways to do the same thing. Chances are, the end result is still just HTML getting rendered by a browser. But the real fun is starting a new project with a little bit of tech freedom that lets you ask yourself: “Wouldn’t it be crazy to try ____?”. Granted, with this team, the answer is almost always “Nah. Go for it!”. But it never hurts to gut check.
We’ve written 2 blog posts about code snippets. View all topics »
The web has been all about style guides lately. Everyone from the BBC to Code for America to Yelp released their guides to the public, and style-guide-automating tools like KSS and Hologram are becoming increasingly popular. At Happy Cog, we’ve been making our clients’ style guides more interactive. Our newer style guides go beyond documenting the design systems we’ve established; they take advantage of their living in the browser to dynamically show how a system’s pieces are built, how it responds at different viewport sizes, and how users can interact with those pieces.
For the recently launched Ben & Jerry’s website redesign, we created one of these “interactive style guides.” It covers everything related to building out and maintaining the new website: design components, page layouts, and even content creation. I chatted with a few of the Cogs responsible for the Ben & Jerry’s style guide about how it came together.