Rebuilding the Ship as it SailsMaking Large Legacy Sites Responsive

Philip James @phildini

Who’s this guy?

#htmlshipwright@phildini

What challenge were we trying to solve?

#htmlshipwright@phildini

#htmlshipwright@phildini

Yes, this is possible

#htmlshipwright@phildini

Preparing to Make SailMake it Easy to Not Write Code

#htmlshipwright@phildini

Have a Styleguide

#htmlshipwright@phildini

DorsalDecorate HTML, get rich JS components

http://eventbrite.github.io/dorsal/

#htmlshipwright@phildini

#htmlshipwright@phildini

Anchors AwayGet Everyone Involved

#htmlshipwright@phildini

You Need A Map

#htmlshipwright@phildini

Let Your Sailors Choose Their Posting

#htmlshipwright@phildini

What on Earth am I going to do with these backend engineers?

#htmlshipwright@phildini

Train everyone.

#htmlshipwright@phildini

Full Steam Ahead!

#htmlshipwright@phildini

Test. Preferably on actual devices

#htmlshipwright@phildini

Celebrate!

#htmlshipwright@phildini

Results

#htmlshipwright@phildini

1327CODE COMMITS

1308FILES CHANGED50491 INSERTIONS 56786 DELETIONS

113PAGES DONE

#htmlshipwright@phildini

#htmlshipwright@phildini

Takeaways

#htmlshipwright@phildini

• You CAN do this • Build tools to help • Train Everyone

Thanks! Questions?

#htmlshipwright@phildini