Skip to main content

Defining our industry's methodologies, standards, and culture have long been a part of Happy Cog's values.

We started Cognition as a product to offer advice, create a dialogue, and serve our industry and clients to help them with their goals and aspirations.

Learn more about Happy Cog at happycog.com.

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

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

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

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

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

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

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

  8. Happycogway

    The Happy Cog Way

    Headshot of Ryan Irelan

    9/19/13

    by Ryan Irelan

    When Jeffrey Zeldman started our studio in 1999, he established an ethos of openness, sharing, and teaching. Since that time, Happy Cog practitioners have spoken at conferences, written articles, authored books, and published code for others in the industry to learn from our experiences—good and bad.

    Earlier this year, Happy Cog partnered with my publishing business, Mijingo, in an effort to share the knowledge of Happy Cog’s many team members and to teach, enable, and empower professionals in what we practice every day.

  9. Enhance

    Progressive Enhancement: It’s About the Content

    Headshot of Stephen Caver

    9/12/13

    by Stephen Caver

    In case you’ve missed it, there has recently been a lot of discussion in the web community around whether Progressive Enhancement, a cornerstone concept in web development, is still relevant. The discussion has been largely sparked by Sigh, JavaScript, a tumblr by Happy Cog alum (now of Super Friendly) Daniel Mall that showcases high-profile websites completely breaking when JavaScript is disabled. Screenshots of websites from brands like CNN, McDonalds, and Instagram are completely blank. Their content isn’t just unusable, it’s completely absent.

  10. Threshold

    Crossing the Threshold

    Headshot of Katie Kovalcin

    9/5/13

    by Katie Kovalcin

    We’ve added a few new faces here at Happy Cog, and though I just recently celebrated my four-month Coggiversary, our rapid growth has me feeling a bit like a veteran rookie. Working without the “this is my first job!” crutch can be terrifying. So, I can’t help but wonder: Where’s the advice for us post-post-grads?

    There’s a slew of great industry articles aimed to help concerned college students or recent grads with how to “land that first big job” or “get your foot in the door,” but what happens once you’re already inside? Luckily, you are more prepared and confident this time around, and can apply the experience you’ve gained over the past few years.