Skip to main content

Articles By:

Allison Wagner

  1. Happy Cog Starter Files 2016

    Posted on 5/13/16

    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.

  2. Expressive type for CSS

    Posted on 1/28/16

    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.

  3. Tenure Means Trust

    Posted on 9/18/15

    Our modern workforce seemingly champions what I call the two-year tech itch. That is to say, it’s in an employee’s best interest to move on from an employer after several well-fought, win-laden years. You’ve put your time in so you’re not a job-hopper, you stand to level up a few K; and maybe you want a loftier title, to start fresh at a new gig. It’s a very common sentiment—as though there is an hourglass cemented to the edge of your standing desk, just ticking away the time left before you wonder, “What am I still doing here?”

  4. Working with Pattern Lab

    Posted on 5/26/15

    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. The Intro Tech Call

    Posted on 2/26/15

    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.

  6. Tool Time

    Posted on 10/23/14

    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.

  7. A Simple Grid Mixin Explained

    Posted on 11/7/13

    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.

  8. Release the Devs

    Posted on 8/29/13

    “At Happy Cog, process is not sacred.”

    I wrote that in my very first Cognition article way way back in 2011. Everything at Happy Cog is changing as we speak. Next week, our Philly location moves to a shiny new office. We’ve added lots of new hires, but our passion for process remains consistent. We’re constantly revisiting the best way to do things. Our business and the technologies that support it move at a lightning pace. To remain competitive and effective, our process evolves in tandem.

  9. The Beauty of the Blank Slate

    Posted on 3/28/13

    You dev? If so, ever popped open a fresh PSD and thought to yourself, “Oh man, I can’t WAIT to get this party started”? I have, and I do, with each new project. As a front-end developer, that specific, exciting moment is my fresh start.

  10. Preprocess THIS!

    Posted on 9/13/12

    A while ago I wrote a little post discussing my dive into CSS preprocessing, and, at the time, I wasn’t totally convinced that this hot newness was the best approach for my workflow. I shared my internal struggle with bloated output and questioned if this preprocessor business really did save me that much time. When I wrote the article, I had only worked with LESS, one of several popular CSS preprocessors, as it was a project requirement. Many of you fine folks suggested (both on Cognition and off) that I try Sass. Well, I did. Fast-forward 10 months and HOLY TOLEDO THIS FRONT-END DEV IS SERIOUSLY SASSY AND LOVING IT.

  11. More or LESS?

    Posted on 1/26/12

    I love writing CSS. I really do. I love spinning straw into gold, rescuing HTML elements from browser default styles, curving corners, softening colors, and cushioning containers. I love abstracting complex design systems into powerful classes and efficient declarations while minding the cascade and the rules of inheritance and specificity. I see a site’s visual design as one giant puzzle, patiently waiting to be analyzed, broken down into component parts, and built back up again. I easily spend 70% of my time at Happy Cog developing the presentation layer, so I’ve had my eye on the hot newness that is the Sass / LESS / CSS preprocessor movement for a little while now.

  12. Make Sweet Systems Sweeter

    Posted on 8/4/11

    At Happy Cog, process is not sacred. We respect process, but we are constantly looking to improve the way our projects run; especially with regard to transitioning between project phases. Last week, Yesenia Perez-Cruz described how she crafts sweet systems and digital cupcakes. This week, I’m going to show you how we turn those cupcakes into a well-built tower of yummy cupcakery.

  1. Headshot of Rawle Anders Rawle Anders Browse all of Rawle’s articles »
  2. Headshot of Amanda Buck Amanda Buck Browse all of Amanda’s articles »
  3. Headshot of Sarah Carr Sarah Carr Browse all of Sarah’s articles »
  4. Headshot of Ben Carr Ben Carr Browse all of Ben’s articles »
  5. Headshot of Chris Cashdollar Chris Cashdollar Browse all of Chris’s articles »
  6. Headshot of Stephen Caver Stephen Caver Browse all of Stephen’s articles »
  7. Headshot of Anthony Colangelo Anthony Colangelo Browse all of Anthony’s articles »
  8. Headshot of Kyle Cotter Kyle Cotter Browse all of Kyle’s articles »
  9. Headshot of Courtney & Chelsea Courtney & Chelsea Courtney & Chelsea Courtney & Chelsea Browse all of Courtney & Chelsea’s articles »
  10. Headshot of Taylor Daughtry Taylor Daughtry Browse all of Taylor’s articles »
  11. Headshot of Dan Delauro Dan Delauro Browse all of Dan’s articles »
  12. Headshot of Dave DeRuchie Dave DeRuchie Browse all of Dave’s articles »
  13. Headshot of Jason Dziak Jason Dziak Browse all of Jason’s articles »
  14. Headshot of Cat Farman Cat Farman Browse all of Cat’s articles »
  15. Headshot of Abby Fretz Abby Fretz Browse all of Abby’s articles »
  16. Headshot of Helenita Frounfelkner Helenita Frounfelkner Browse all of Helenita’s articles »
  17. Headshot of Jeremy Gimbel Jeremy Gimbel Browse all of Jeremy’s articles »
  18. Headshot of Lee Goldberg Lee Goldberg Browse all of Lee’s articles »
  19. Headshot of Brett Harned Brett Harned Browse all of Brett’s articles »
  20. Headshot of Lauren Harris Lauren Harris Browse all of Lauren’s articles »
  21. Headshot of Alison Harshbarger Alison Harshbarger Browse all of Alison’s articles »
  22. Headshot of Brenna Heaps Brenna Heaps Browse all of Brenna’s articles »
  23. Headshot of Stuart Henry Stuart Henry Browse all of Stuart’s articles »
  24. Headshot of Sam Hernandez Sam Hernandez Browse all of Sam’s articles »
  25. Headshot of Katie High Katie High Browse all of Katie’s articles »
  26. Headshot of Kevin Hoffman Kevin Hoffman Browse all of Kevin’s articles »
  27. Headshot of Greg Hoy Greg Hoy Browse all of Greg’s articles »
  28. Headshot of Mark Huot Mark Huot Browse all of Mark’s articles »
  29. Headshot of Ryan Irelan Ryan Irelan Browse all of Ryan’s articles »
  30. Headshot of Jessica Ivins Jessica Ivins Browse all of Jessica’s articles »
  31. Headshot of Michael Johnson Michael Johnson Browse all of Michael’s articles »
  32. Headshot of Robert Jolly Robert Jolly Browse all of Robert’s articles »
  33. Headshot of Andrew Kaslick Andrew Kaslick Browse all of Andrew’s articles »
  34. Headshot of Alex Kendrick Alex Kendrick Browse all of Alex’s articles »
  35. Headshot of Keyboard Man Keyboard Man Keyboard Man Keyboard Man Browse all of Keyboard Man’s articles »
  36. Headshot of Saima Khan Saima Khan Browse all of Saima’s articles »
  37. Headshot of Katie Kovalcin Katie Kovalcin Browse all of Katie’s articles »
  38. Headshot of Kate Lechleiter Kate Lechleiter Browse all of Kate’s articles »
  39. Headshot of Alyse Lorber Alyse Lorber Browse all of Alyse’s articles »
  40. Headshot of Jenn Lukas Jenn Lukas Browse all of Jenn’s articles »
  41. Headshot of Sue Malomo Sue Malomo Browse all of Sue’s articles »
  42. Headshot of Patrick Marsceill Patrick Marsceill Browse all of Patrick’s articles »
  43. Headshot of Maria Martinez Maria Martinez Browse all of Maria’s articles »
  44. Headshot of Rob McFadden Rob McFadden Browse all of Rob’s articles »
  45. Headshot of Mica McPheeters Mica McPheeters Browse all of Mica’s articles »
  46. Headshot of Tom McQuaid Tom McQuaid Browse all of Tom’s articles »
  47. Headshot of Rene Merino Rene Merino Browse all of Rene’s articles »
  48. Headshot of Leigh Nash Leigh Nash Browse all of Leigh’s articles »
  49. Headshot of Amelia Pardieu Amelia Pardieu Browse all of Amelia’s articles »
  50. Headshot of Sabrina Patrizio Sabrina Patrizio Browse all of Sabrina’s articles »
  51. Headshot of Dana Pavlichko Dana Pavlichko Browse all of Dana’s articles »
  52. Headshot of Yesenia Perez-Cruz Yesenia Perez-Cruz Browse all of Yesenia’s articles »
  53. Headshot of Paul Phan Paul Phan Browse all of Paul’s articles »
  54. Headshot of Emaan Riaz Emaan Riaz Browse all of Emaan’s articles »
  55. Headshot of Joe Rinaldi Joe Rinaldi Browse all of Joe’s articles »
  56. Headshot of Brandon Rosage Brandon Rosage Browse all of Brandon’s articles »
  57. Headshot of Dre Ryan Dre Ryan Browse all of Dre’s articles »
  58. Headshot of Courtney Sabo Courtney Sabo Browse all of Courtney’s articles »
  59. Headshot of Rob Sanchez Rob Sanchez Browse all of Rob’s articles »
  60. Headshot of Aura Seltzer Aura Seltzer Browse all of Aura’s articles »
  61. Headshot of Kevin Sharon Kevin Sharon Browse all of Kevin’s articles »
  62. Headshot of Sophie Shepherd Sophie Shepherd Browse all of Sophie’s articles »
  63. Headshot of Zach Smith Zach Smith Browse all of Zach’s articles »
  64. Headshot of Ben Smith Ben Smith Browse all of Ben’s articles »
  65. Headshot of Greg Storey Greg Storey Browse all of Greg’s articles »
  66. Headshot of Jason Studstill Jason Studstill Browse all of Jason’s articles »
  67. Headshot of Oka Tai-Lee Oka Tai-Lee Browse all of Oka’s articles »
  68. Headshot of Russ Unger Russ Unger Browse all of Russ’s articles »
  69. Headshot of Eli Van Zoeren Eli Van Zoeren Browse all of Eli’s articles »
  70. Headshot of Allison Wagner Allison Wagner Browse all of Allison’s articles »
  71. Headshot of Drew Warkentin Drew Warkentin Browse all of Drew’s articles »
  72. Headshot of Brian Warren Brian Warren Browse all of Brian’s articles »
  73. Headshot of Faith Zaki Faith Zaki Browse all of Faith’s articles »
  74. Headshot of Jeffrey Zeldman Jeffrey Zeldman Browse all of Jeffrey’s articles »