2014 Schedule
Interactive: March 7–11  •  Film: March 7–15  •  Music: March 11–16

Reusable HTML, CSS, & JS: Front End Legos

#sxsw #csslegos


ATTENTION: You must signup in advance to attend this workshop. You will need to have a valid SXSW badge, and an activated SXsocial account. To reserve your seat, please go here: https://sup.sxsw.com/schedule/IAP20614

You've been tasked with developing a new front end feature. HTML, CSS, and JavaScript are nothing new to you, in fact you even know a few tricks to get this feature out the door. It doesn't take you long and the code works like a charm, yet you have a looming suspicion that some of the code might not be up to par. You're likely right, and you're definitely better than that.

We often write code without paying attention to the bigger picture, or overall code base. Upon stepping back we notice areas of duplicate code, ripe for refactoring. It's time to build more modular front ends, focusing on the reusability of HTML, CSS, and JavaScript, and to take maintainability to heart.

Our workshop will begin by discussing common problems with writing and maintaining front end code. Within the first half of the workshop we’ll roll up our sleeves and dig into HTML and CSS, building modular layouts and accommodating content. After a quick break, the second half of the workshop will outline how to use JavaScript objects to build reusable components, and finally we will tie it all together to build some features using the techniques we’ve learned.

In this four hour long workshop you’ll learn:
How to avoid common problems working with HTML, CSS, and JavaScript
How to measure CSS specificity
How to modularize layouts and accommodate content
How to leverage JavaScript objects for reusability
How to write reusable HTML, CSS, and JavaScript

- To get the most out of this workshop attendees should have a basic understanding of HTML, CSS, and JavaScript, as well as some familiarity with Chrome Developer Tools or Firebug.

What to Bring:
- Please bring a laptop and your favorite text editor, as we will be doing live coding in this workshop.


AJ Self

Front-End Engineer

Belly Inc


Darby Frey

Sr Software Engineer


Darby Frey is a software engineer and consultant who has worked on web and mobile applications for many clients including Groupon, Toyota and Paramount Pictures. With a passion for creating scalable and maintainable applications he is always striving to create elegant solutions to complex problems. Currently he is working with Belly in Chicago to create the world's best customer loyalty platform.


Shay Howe

Prod Dir


As a designer and front end developer, Shay Howe has a passion for solving problems while building creative and intuitive products. Shay specializes in product design and interface development, specialties in which he regularly writes and speaks about. Currently he is the Director of Product at Belly, helping build the world's best loyalty program. Additionally, Shay helps co-organize Chicago Camps, Refresh Chicago, and UX Happy Hour.

Thanks to our sponsors

Miller Lite Monster Energy Esurance Chevrolet AT&T IFC Subway Austin Chronicle

Music sponsor

Sonic Bids

Interactive sponsors

Deloitte American Express Pennzoil