Skip to main content

Front-end Development

We’ve written 45 blog posts about Front-end Development. View all topics »

  1. Hc blog Main Article Illustration v157 AS

    Gone zshin'

    Headshot of Dan Delauro

    10/1/15

    by Dan Delauro

    Terminal is one of the more powerful apps that comes pre-installed on the Mac. In a nut-shell (see what I did?), it’s an emulator for bash, which is a command processor that lets us interact directly with the UNIX-based operating system that makes the Mac go. As developers, designers and curious tinkerers alike, it’s safe to assume we all rely on it one way or another.

  2. Caver illo 15 9 10

    Enquire for Backgrounds

    Headshot of Stephen Caver

    9/10/15

    by Stephen Caver

    I often turn to background images and inline-CSS to achieve certain designs. In these cases, I’m looking for an image fill in available space without looking “broken” and background-size: cover is the usual go-to.

  3. Things I’ve Learned From Working With My First Web Team

    Headshot of Paul Phan

    8/20/15

    by Paul Phan

    For the last 6 months or so, I’ve had the privilege of completing an internship working as a developer for Happy Cog. Throughout my time working here, I learned about the strategy, artifacts, and processes of building a beautiful, user-focused, responsive website. I attended both internal and client project meetings, worked directly with the designers and developers, and built an understanding of design systems and the best practices for coding.

  4. Hc blog Main Article Illustration v141 JR

    Working with Pattern Lab

    Headshot of Allison Wagner

    5/26/15

    by Allison Wagner

    Pattern Lab as a tool is super flexible, it can be used as a simple styleguide framework or scale all the way up to a full-blown CMS, driven by dynamic content. We’re halfway through our first Pattern Lab project in which we are extending it to the latter, if you’re interested, check out Mark’s article on integrating Craft with Pattern Lab for more info on that.

  5. Cognition illo cs

    Craft + Patternlab = Buzzwords!

    Headshot of Mark Huot

    5/7/15

    by Mark Huot

    Craft is a flexible and powerful content management system (CMS) with a responsive interface content authors want to use. It uses the Twig template system to power its HTML front-end. Twig comes out of the Symfony project and provides a fast, secure, and flexible system. Twig code is inherently portable and is not tied to Craft, or even PHP, with recent ports showing up in Node. Craft is great for back-end developers.

  6. Illo jr sc

    Structured Typography with Sass Maps

    Headshot of Stephen Caver

    3/19/15

    by Stephen Caver

    For each development project at Happy Cog, we start with a set of starter files. Much like HTML5 Boilerplate or other similar initiatives, it’s intended to get us going as quick as possible. In that spirit, I’ve been thinking about how to move the needle in that direction as far as possible. The trick is to do so without burdening development with too many constraints and limitations.

  7. Hc blog Main Article Illustration v132 DP

    The Intro Tech Call

    Headshot of Allison Wagner

    2/26/15

    by Allison Wagner

    Yesterday at Happy Cog, Mark, Abby, and I had an intro call with a tech team for a client who will be implementing our templates into their CMS, which, in this case, is ExpressionEngine.

  8. Hc blog Main Article Illustration v125 ss

    (Auto) Prefix All The Things

    Headshot of Stephen Caver

    10/30/14

    by Stephen Caver

    We’ve been on the Sass bandwagon here at Happy Cog for quite some time. It’s become an essential integration into our workflow. Sass’ power manifests in many ways. It makes it easier to maintain our code, it enables a modular architecture, and it helps us scale our CSS. There is a problem, though. I’m sure you all have been there.

  9. Unnamed

    Tool Time

    Headshot of Allison Wagner

    10/23/14

    by Allison Wagner

    I recently came off a huge project in which I was responsible for front-end code that had me knee-deep in a singular codebase for seven, count ’em, seven months. ’Twas fun—no complaints. In fact, I really enjoyed the work, but when I found out the next project in the pipeline was a one-page marketing microsite with a quick turnaround time, I got super excited for the learning/implementing opportunity a project of this scale provided.

  10. Typography 7

    7 Alternatives to Popular Web Typefaces for Better Performance

    Headshot of Katie Kovalcin

    9/4/14

    by Katie Kovalcin

    It’s no secret designers love typefaces. Web design is 95% typography, and it’s hailed as the most important aspect of a design. So, it’s imperative to find typefaces that accurately convey the voice of our words. Designers may not be always thinking about it, but how a site performs can be as important as choosing the right typeface. The weight of a font kit is arguably more important to a site’s performance versus other heavy hitters (like images), because fonts are loaded on every single page. And, after all, if a site loads too slowly, users won’t view the typography as you’ve intended!