Skip to main content

Articles By:

Stephen Caver

  1. How to build development systems (for a web site)

    Posted on 12/10/15

    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.

  2. Enquire for Backgrounds

    Posted on 9/10/15

    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. Keep The Web Healthy

    Posted on 6/11/15

    I truly believe in the power of this simple idea: a decentralized network can exist free from the power of governments and corporations to corrupt. The web is that network and its health is immensely important to me not only as a professional but as a member of society. It is an innovation that has spurred on communication, economic and creative revolutions. Most of our modern HTTP-driven world would not exist had Tim Berners-Lee not issued his proposal for linking documents to one another within a network. That small step has evolved into a cultural powerhouse. It has torn down and rebuilt entire industries and given many of us something to do to make ends meet. It’s in our collective interest that this continue.

  4. Put a Pseudo-Class On It

    Posted on 4/30/15

    Some days, writing plain ole everyday CSS can get a little monotonous. It’s all margins, font-families, positions and displays day-in and day-out.

  5. Structured Typography with Sass Maps

    Posted on 3/19/15

    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.

  6. A Web Development Highlight Reel

    Posted on 12/11/14

    As the year winds down it’s time to take stock of 2014. Turning over a new year provides us with the opportunity to reflect and look forward. The web is an ever-evolving platform with new technology, techniques, and paradigms taking hold all the time. I’m excited about the direction the web has taken in 2014 and have learned a lot over the past year. That said, here are some highlights of these developments in the past year.

  7. (Auto) Prefix All The Things

    Posted on 10/30/14

    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.

  8. Why Developers Need to Learn Design

    Posted on 5/1/14

    A couple of years ago at Happy Cog, I transitioned from my position as a designer to a developer full-time. Up to that point, I had been a hybrid designer and developer, splitting my time between the two responsibilities. The truth is that it was a long-overdue transition. My passion lies in the development side of the spectrum, so I am glad to be in a role where I get to express that passion full-time.

    I no longer design all day every day, but my experience as a designer taught me that developers should learn and practice design. The trope is often that designers need to learn to write code, but in working as a developer on the web, I’ve learned that the value of a design education pays dividends beyond being able to mock up a page in Photoshop.

  9. Progressive Enhancement: It’s About the Content

    Posted on 9/12/13

    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. Take a Break!

    Posted on 4/25/13

    Web workers have a certain obsession with productivity. And it is not hard to see why. The processes and detailed knowledge required to build a website have grown leaps and bounds in terms of complexity and sophistication. With an Adaptive workflow that considers Responsive Design, multiple platforms, and countless devices with a wide range of capabilities, the job is not as simple as it once was. There are plenty of great applications and methodologies to help get organized and be productive, but these tools do not do the work for us. When it is time to get work done, we need to be working efficiently, quickly, and intelligently—and in a way that promotes good health and happiness at home and in the workplace.

  11. Beyond Binary Grids

    Posted on 12/13/12

    Grids are everywhere on the web, and there is no hiding from them. We need grid systems to help create grids that are usable and manageable, and with Responsive Web Design, this has been a tricky tightrope to walk. We need our layouts to react to different media query breakpoints, and the way we have built grids in the past needs to be extended to do that.

  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 Ben Carr Ben Carr Browse all of Ben’s articles »
  4. Headshot of Sarah Carr Sarah Carr Browse all of Sarah’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 Matt Weinberg Matt Weinberg Browse all of Matt’s articles »
  74. Headshot of Faith Zaki Faith Zaki Browse all of Faith’s articles »
  75. Headshot of Jeffrey Zeldman Jeffrey Zeldman Browse all of Jeffrey’s articles »