Speakerdeck is https://speakerdeck.com/killtheliterate/dapper-drupal-custom-tailored-drupal-themes

1. Dapper
Drupal
Garrett Dawson
John Ferris
Sunday, June 23, 13

2. Sunday, June 23, 13

3. Sunday, June 23, 13

4. Custom Tailored
Themes
Sunday, June 23, 13

5. Why are we here?
Why make your own starter theme?
Case studies.
Sunday, June 23, 13

6. Front-end Developer.
Sunday, June 23, 13

7. Front-end Developer.
HTML + CSS + JS
Sunday, June 23, 13

8. Front-end Developer.
HTML + CSS + JS
+ theme functions + template files + render arrays
+ preprocess functions + process functions + alter
functions + theme hook suggestions + views +
display suite +panels + cray cray
Sunday, June 23, 13

9. HTML + CSS + JS
+ theme functions + template files + render arrays
+ preprocess functions + process functions + alter
functions + theme hook suggestions + views +
display suite +panels + cray cray
Themer.
Sunday, June 23, 13

10. Front-end Developer.
Sunday, June 23, 13

11. HTML + CSS + JS
Front-end Developer.
Sunday, June 23, 13

12. HTML + CSS + JS
This is what users touch.
Front-end Developer.
Sunday, June 23, 13

13. A typical approach.
Contributed modules
Base themes
Starter themes
Sunday, June 23, 13

14. What base theme
do you use?
Sunday, June 23, 13

15. Contrib is rad!
Sunday, June 23, 13

16. Then, one day...
Sunday, June 23, 13

17. This is important:
Front-end tooling.
Sunday, June 23, 13

18. Make your own
tools.
Sunday, June 23, 13

19. Wait. What about
contrib?
Sunday, June 23, 13

20. Measuring Up.
What markup problems?
Who maintains the project?
What’s in the toolkit?
What do I want to fiddle with?
Sunday, June 23, 13

21. Case
Studies
Sunday, June 23, 13

22. Sunday, June 23, 13

23. 7Staff Members
900+Websites
Stanford Web Services
Sunday, June 23, 13

24. Open Framework
Sunday, June 23, 13

25. Open Framework
Sunday, June 23, 13

26. Open Framework
Sunday, June 23, 13

27. Open Framework
Sunday, June 23, 13

28. Sunday, June 23, 13

29. Panopoly + Bootstrap
Kalatheme
drupal.org/project/kalatheme
Sunday, June 23, 13

30. Sunday, June 23, 13

31. bit.ly/14VPriy
Sunday, June 23, 13

32. Sunday, June 23, 13

33. Center
Sunday, June 23, 13

34. Center
This is our scaffold
Overrides templates
Overrides theme functions
Predictable and static
Sunday, June 23, 13

35. Prototype
Sunday, June 23, 13

36. Prototype
This is what we fork
Project specific
Cornerstone of the front-end
SMACSS
Sunday, June 23, 13

37. Prototype
─ inc
└─ hook based template called in template.php
─ sass
└─ base, components, layouts, etc
─ js
└─ main.js, modularized JavaScripts
─ layouts
└─ templates and template overrides
Sunday, June 23, 13

38. What does this do
for us?
Sunday, June 23, 13

39. There is no
one-size-fits-all
Sunday, June 23, 13

40. Get your
measurements.
Sunday, June 23, 13

41. Start building
your own!
Sunday, June 23, 13

42. Continuos
Improvement
Sunday, June 23, 13

43. Continuos
Continuous
Improvement
Sunday, June 23, 13

44. Push your craft
forward
Sunday, June 23, 13

45. And this is the end.
Photo Credits:
Slide 1 - http://bit.ly/141n1US
Slide 4 - http://bit.ly/12ifyN0
Folks I talked with:
Stanford Web Services - http://stanford.io/16qmvQA
Kalamuna - http://bit.ly/19fE7E5
Code Enigma - http://bit.ly/14QwLSQ
Sunday, June 23, 13