Skip to main content

The Happy Cog Way

We’ve written 11 blog posts about The Happy Cog Way. View all topics »

  1. 2024 cognition refreshing an internal tool

    Refreshing an Internal Tool

    Headshot of Ben Carr

    3/14/24

    by Ben Carr

    At Happy Cog, we work on a sprint-based cadence. Designers and developers are allocated to open projects for a specific number of hours in each sprint, and we try to keep our team members planned up to 6 months into the future. Priorities, allocations, and assignments always change during that timeframe, but having a baseline plan in place helps us forecast hiring needs and prepare early for larger engagements.

  2. Hcw hoy

    Doing It Our Way

    Headshot of Greg Hoy

    11/21/13

    by Greg Hoy

    Ever since Jeffrey Zeldman founded Happy Cog in 1999, educating our industry has been a cornerstone of the company. Taking Your Talent to the Web, Designing With Web Standards, and A List Apart started this heritage, and over the years, Jeffrey has continued it with An Event Apart and the A Book Apart series. Happy Cog practitioners have built upon this foundation by teaching, speaking, and writing about web design.

  3. Hcw huot

    Automating Your Deployments

    Headshot of Mark Huot

    11/14/13

    by Mark Huot

    Deploying a website to a web server is hard. Not “It’ll take some extra time” hard or “We’ll need some help” hard. It’s “Get a whiteboard and plan out the thing A Beautiful Mind-style” hard. It’s easy to look at your code, look at your server, and just drag/drop files to production. It’s a lot more difficult to set up an automated system that will do that for you.

    At Happy Cog, we work in a variety of technical situations, and our deployment strategies must be extensible enough to suit each and every need. We deploy to Windows servers and to *nix servers. In some situations, we deploy code as well as content. We deploy PHP websites on some servers and Ruby web workers on others.

  4. Hcw wagner

    A Simple Grid Mixin Explained

    Headshot of Allison Wagner

    11/7/13

    by Allison Wagner

    Successful design systems stand on the shoulders of sound grids. Grids form the groundwork for a uniform yet flexible suite of templates. Their layouts hold containers that fit together like pieces of a puzzle. Last week, Happy Cog, in partnership with Mijingo, released the 7th video in The Happy Cog Way series: “The Basics of Grids.” In it, MJ discusses using a nice little web app called Modular Grid Pattern, a grid generator that can export into a variety of design programs.

  5. Hcw seltzer

    From My Head to the Browser

    Headshot of Aura Seltzer

    10/31/13

    by Aura Seltzer

    As the web evolves, there will always be two ever-growing lists: one of all the pieces of content that will need to appear on any given site over time and another with all the ways we can access that content. Creating flexible, modular design systems makes both of these lists a little less daunting and a lot more manageable.

    At Happy Cog, we pride ourselves on empowering clients to take ownership of their content, and we provide a framework and all the building blocks to help them do so. These building blocks range depending on a project’s needs. One could be a video carousel; another a contact form. But, the most fundamental building block that’s on every site and we have to get right every time is typography.

  6. Hcw farman

    Fall Back to the Cascade

    Headshot of Cat Farman

    10/24/13

    by Cat Farman

    When we think of responsive design, we typically focus on newfangled mobile devices like smartphones and tablets. But, as front-end developers, we still need to account for older browsers that can’t handle the newest CSS3 techniques when rendering our sites. In the case of responsive design, that means our old friend Internet Explorer 8 (and below) needs some extra handholding when we build our sites with media queries. These browsers don’t support media queries, and since they are still in widespread enough use that we can’t ignore them (~10% of users are still using IE8), we have to come up with new techniques for gracefully degrading our sites.

  7. Hcw ypc

    Dear CSS3

    Headshot of Yesenia Perez-Cruz

    10/17/13

    by Yesenia Perez-Cruz

    When Dan Cederholm introduced us that spring afternoon at An Event Apart in 2010, I took one look at you and thought, “What a dreamboat.” I knew you were going to change my life. We took things pretty slow at first—I experimented with button and gradient generators while marveling at your features. “You mean, no more cutting gradient background images? And wait, I can just round those corners however I want?!” At the time, my exploration focused on replicating classic Photoshop effects. I had no idea that that was just a small part of what you could do. Since then, you’ve brought so much adventure into my life, creating effects that I could never dream up in Photoshop.

  8. Hcw colangelo

    A Faster Horse

    Headshot of Anthony Colangelo

    10/10/13

    by Anthony Colangelo

    On August 6, 1991, I was five months old. Also, Sir Tim Berners-Lee published the first web page ever. It was made up of plain HTML—no CSS, no JavaScript, no third-party plugins. Since then, the web has been filled with rapid invention and innovation.

    The web has fundamentally changed since the days of HTML 4.01. The number of people with an internet connection has skyrocketed; recent estimates say that nearly 40% of the world’s population is now online. Bandwidth has also increased dramatically. Even cell phone connections are many times faster and more reliable than those original dial-up connections. Today, browsers are everywhere—phones, tablets, game consoles, televisions, watches, and soon, weird-looking glasses.

  9. Hcw rosage

    The Web on the Web’s Terms

    Headshot of Brandon Rosage

    10/3/13

    by Brandon Rosage

    After finishing journalism school, I worked for a series of terrific newspaper and radio companies. Barely two years into it, after flirting with the web, I quit.

    Compared to the web, print and radio had limited reach and were clumsy to use. In print, we plugged content into a fixed canvas and delivered the same experience to every reader. The closest we got to flexibility was an evening edition or special insert. The web attracted me because it couldn’t have been more different. It challenged me to design and build something that can reach anyone on any web-browsing device—a cause worthy of committing my career to.

  10. Hcw shepherd

    Why We Prototype

    Headshot of Sophie Shepherd

    9/26/13

    by Sophie Shepherd

    Making a website is more complicated than it used to be. We have to work around unanswerable questions, like at what dimensions the site will be viewed or how many pages it will have. As websites evolve and their list of variables and technical requirements grow, they become harder to define. Static wireframes and site maps can’t always capture this necessary level of detail without mountains of paper or endless annotations. Enter—stage left, waving like Miss America—the HTML prototype.