Skip to main content

Automate All the Front-End Things!

Kitt Hodsden (CodingClan LLC)
HTML5, CSS3, and Browser Tech, Tools, Platforms, and APIs
Location: Salon 8 Level: Intermediate
Average rating: ****.
(4.08, 36 ratings)
Slides:   1-PDF 

Today’s front end developers have more work to do than ever to create a functioning, responsive, fast, good-looking website. We have differing screen resolutions, browser support, network speeds and other considerations all buzzing around, jockeying for highest priority and attention during development. Fortunately for us, we also have more tools than ever before to help us begin, develop, test and refine those good-looking sites. Using those tools to automate the development process will help keep us sane, so let’s do just that: automate all the front-end development things!

We’ll cover a start-to-end workflow, along with options to cover other developer cases. Tools introduced and used include yeoman, grunt, emmet, sass (including scout, compass, livereload) alfred, bower, phantomcss (huddle),, (with browsershots alternatives) and vagrant (virtualbox). We’ll address responsive web design, review mobile-first development, media queries organization, basics of scripting, browser bookmarks, packaging sprites, and techniques for specific issues like using svg images with png fallbacks.

Photo of Kitt Hodsden

Kitt Hodsden

CodingClan LLC

Kitt Hodsden is the 47th laziest developer in the world, a feat which takes considerable effort. That effort has taken her to Twitter, where she and her team built a unified platform for the company’s supplementary websites. Before working at Twitter, Kitt co-founded CodingClan LLC, a small web development firm specializing in the rapid development and deployment of Drupal-based community and commerce websites; co-founded Hacker Dojo, a community space for hackers, tinkerers, makers and programmers in Mountain View, California; worked on Shrek and Antz; and built enough websites to lose count.

When not organizing a conference or study group, preaching the gospel of lazy productivity or building another website, she can be found playing ultimate.