The Life of a Theme

A talk about my theme process and how I create themes. This was given as part of the first WordCamp Europe in Leiden, The Netherlands.

Transcript

1. The  Life  of  a  Theme
   Tammie Lister @karmatosed
   

   View Slide

2. View Slide

3. View Slide

4. View Slide

5. View Slide

6. View Slide

7. View Slide

8. Start
   

   View Slide

9. Plan
   

   View Slide

10. Plan
    

    View Slide

11. Moodboard
    

    View Slide

12. Moodboard
    Dropmark: dropmark.com
    ColorSchema: colorschemer.com/
    studio_info.php
    Acorn: flyingmeat.com/acorn/
    

    View Slide

13. Styleguide
    

    View Slide

14. Styleguide
    github.com/bjankord/Style-Guide-
    Boilerplate
    gimmebar.com/collection/
    4ecd439c2f0aaad734000022/front-end-
    styleguides
    less variables + mixins
    

    View Slide

15. Sketch
    

    View Slide

16. Sketch
    penultimate/Evernote + bamboo stylus
    + iPad mini:
    evernote.com/penultimate/
    wacom.com/gb/en/everyday/bamboo-
    stylus-solo
    wacom bamboo pad: www.wacom.com/
    gb/en/everyday/bamboo-pad-wireless
    

    View Slide

17. Wireframes
    

    View Slide

18. Wireframes
    balsamiq: balsamiq.com
    

    View Slide

19. Build
    

    View Slide

20. Build
    

    View Slide

21. Build
    http://underscores.me
    

    View Slide

22. Filter
    

    View Slide

23. codex.wordpress.org/
    WordPress_Coding_Standards
    codex.wordpress.org/
    Theme_Development_Checklist
    codex.wordpress.org/Theme_Review
    Filter
    

    View Slide

24. Testing
    

    View Slide

25. Testing
    

    View Slide

26. browserstack.com Testing
    

    View Slide

27. Launch
    

    View Slide

28. Refine
    

    View Slide

29. Refine
    

    View Slide

30. View Slide

31. Start
    

    View Slide

32. Thanks  for  listening.  Any  questions?
    Tammie Lister @karmatosed
    

    View Slide