1. STATAMIC A new Kind of CMS

2. Statamic Why would we move away from WordPress?

3. Moving away from WordPress • Why we moved away from WP • Why we chose Statamic

4. Statamic Architecture • Uses YAML like a boss • Directory setup is really easy to use • You can have different enviornment setups • Template system is super simple • Everything is just a flat file

5. CSS Haven't we heard enough....

6. New Site, New CSS • Testing new things • Folder Structure • Better code optimization • CSS Specificity

7. Trying New Things • Experiment • Relied more heavily on variables • Use @extend less often

8. Folder Structure • This didn't change much • Lets go over the structure

9. Code Optimization • More upfront work, but less dev time long term • Arrays of Color • Loops, loops and more loops • CSS Specificity and BEM • http://csswizardry.com/2014/10/the-specificity-graph/

10. JS & Testing

11. Tools We Used • Gulp • CoffeeScript • Mocha & Chai

12. What is Gulp • Build System • Handles the stuff we hate to do • Using this in the future

13. Mocha • Runs on node and browser • Well Documented • Use TDD, BDD, exports

14. Chai • Expect Dom • Chai jQuery • Used BDD • Well Documented

15. What's Next Where do we go from here

16. Moving Forward • Statamic as a valuable WP Replacement • Lessons would be a great fit for statamic • New Prevent Style Guide?!