Skip to main content

Front-end Development

We’ve written 46 blog posts about Front-end Development. 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. Cog 315 DP

    The Benefits of Container Queries

    Headshot of Rob McFadden

    6/11/21

    by Rob McFadden

    You may have heard that container queries are coming. Let’s take a quick look at what they are, why they are needed, and if you stick with me to the end a quick and simple container query solution that you can use today if you need them before they are ready for production.

  3. Going Headless With Craft CMS 360x275

    Going Headless with Craft CMS

    Headshot of Ben Smith

    4/20/21

    by Ben Smith

    A version of this article was originally published in 2019 but has been updated to reflect the most recent advancements in headless technology for Craft CMS as of April 2021.


    What is a headless CMS? A headless CMS is a major shift from the traditional model for delivering web content. It is not a single technology, it is an approach for serving web pages and data to your users. Rather than have a single codebase handle both content management and presentation of that content, a headless CMS is only concerned with content management, leaving presentation up to other parts of the tech stack.

  4. Cog 310 DP

    A Webpack Pattern Library

    Headshot of Mark Huot

    12/1/16

    by Mark Huot

    I am very excited for the upcoming adoption of web components. They provide a number of improvements to the developer experience of managing large codebases. If you’re not up to speed there’s a good article over on CSS-Tricks covering all the basics. It’s a bit dated but the core concepts haven’t changed too much.

  5. Cog 301 DP

    Autolayout

    Headshot of Mark Huot

    9/15/16

    by Mark Huot

    I’ve had a love-hate relationship with grid systems over the years. Every system I try to standardize on becomes bloated, forgotten, or yesterday’s news. I find myself constantly switching to the next best thing. What follows isn’t a proclamation that this new system is the best, or that you should drop everything and switch. Instead, allow me to walk you through my grid system evolution so that we may all learn from it.

  6. Cog 286 DP

    Happy Cog Starter Files 2016

    Headshot of Allison Wagner

    5/13/16

    by Allison Wagner

    I have spent close to 7 years as a front-end developer at Happy Cog and in that time I’ve seen our discipline go through many great changes— from spacer gifs to responsive web design, we’ve all iterated quite a bit. This rate of change is one of the things I most love about frontend— the collaborative, communicative community that pushes us all forward whether we like it or not. As process has evolved, so too has it improved.

  7. Cog 285 DP

    Cool under pressure

    Headshot of Mark Huot

    5/5/16

    by Mark Huot

    Why are doctors sometimes considered “cool under pressure?” Is it because their personality is one that doesn’t get riled up when faced with a challenge? Is it because they have an ingrained character trait that allows them to remain calm when everyone else is completely losing it? Have you ever noticed that web developers are sometimes labeled the same way? Is it the same thing? Are web developers saving the world too? Probably not.

  8. Cog 274 DP

    Expressive Type for Copy Blocks

    Headshot of Mark Huot

    2/25/16

    by Mark Huot

    How many times have you been coding a navigation and found yourself overriding the default padding on a list? Or, have you ever dove into a teeny tiny “product meta block” only to find that all your paragraphs have this ridiculous default font-size of 16px? What do you do? Well, you do one of two things… you override everything or you set more simplistic defaults.

  9. Cog illo 270 DP

    Expressive type for CSS

    Headshot of Allison Wagner

    1/28/16

    by Allison Wagner

    Guys I figured it out! I figured out how to code type on the web.

    I kid. However I have been really digging my approach to type in the template-build phase as of late. It’s super simple, saves you tons of time, makes your files smaller, and communication both with your teammates and the client more focused. I’m not selling CSS snake oil here, I’m just that into it.

  10. Hc blog v165 AS

    How to build development systems (for a web site)

    Headshot of Stephen Caver

    12/10/15

    by Stephen Caver

    Over the last year, I have been using Brad Frost & Dave Olsen’s PatternLab for many projects. In doing so, I have learned about building systems rather than web pages. Most of what I’ve learned is that I’ve been doing wrong out of habit.