Keep it Static Stupid

Keep it Static Stupid

An introduction to static sites generators and why they matters.

Supporting article in french: http://frank.taillandier.me/2016/03/08/les-gestionnaires-de-contenu-statique/
Given at Apéroweb Toulouse #38

398aad0e0e78f0db97a937fa6cb5ebea?s=128

Frank Taillandier

March 07, 2016
Tweet

Transcript

  1. KEEP IT STATIC STUPID APÉROWEB TOULOUSE #38 - @DIRTYF

  2. OUR WEB HAS BECOME BLOATED WITH LETHARGIC, VULNERABLE CONTENT THAT

    COSTS US TIME AND MONEY. Chad Person HTTPS://BOWTIE.IO/NEWS/CMS-FOR-STATIC-HTML-WEBSITES/
  3. WHY STATIC? SPEED SECURE SIMPLE CHEAPER

  4. FATIGUE

  5. TOM PRESTON WERNER IS A HACKER

  6. None
  7. GHOST.ORG

  8. THE PROBLEM WITH WYSIWYG IS THAT WE ARE GIVING CONTENT

    CREATORS AN ANTIQUATED METAPHOR FROM THE DESKTOP PUBLISHING ERA TO COMMUNICATE TO THEM WHAT IT MEANS TO PUBLISH ON THE WEB. Karen McGrane
  9. None
  10. None
  11. None
  12. None
  13. HTTP://KYLERUSH.NET/BLOG/MEET-THE-OBAMA-CAMPAIGNS-250-MILLION-FUNDRAISING-PLATFORM/ NUMBERS ▸ $250 million dollars, 4,276,463 donations ▸ 81,548,259

    pageviews, 17,807,917 unique visitors ▸ 60% faster time to paint than previous platform ▸ 240 a/b tests, 49% increase in donation conversion rate ▸ 1,101 frontend deploys (average : 6 per day) ▸ 4,000 lines of JavaScript ▸ 23% of traffic is mobile (including tablet)
  14. HTTP://KYLERUSH.NET/BLOG/MEET-THE-OBAMA-CAMPAIGNS-250-MILLION-FUNDRAISING-PLATFORM/ WEB STACK ▸ Jekyll ▸ CDN ▸ Version control

    with GitHub ▸ Conversion optimization with Optimizely ▸ APIs
  15. None
  16. None
  17. JEKYLL TRANSITIONS SMOOTHLY BETWEEN PROTOTYPING, CONTENT AUTHORING, AND DEPLOYMENT TASKS

    Young Hahn HTTPS://DEVELOPMENTSEED.ORG/BLOG/2011/09/09/JEKYLL-GITHUB-PAGES/
  18. HTTPS://SPEAKERDECK.COM/PHILHAWKSWORTH/STATIC-SITES-GO-ALL-HOLLYWOOD

  19. None
  20. None
  21. None
  22. None
  23. HTTPS://DEVELOPERS.GOOGLE.COM/WEB/FUNDAMENTALS/

  24. HTTPS://WWW.GOOGLE.COM/TRENDS/2014/

  25. None
  26. None
  27. STATIC SITES ARE ALREADY MAINSTREAM Phil Hawksworth HTTPS://SPEAKERDECK.COM/PHILHAWKSWORTH/STATIC-SITES-GO-ALL-HOLLYWOOD

  28. None
  29. UX

  30. CONTENT
 AS A SERVICE

  31. MODERN 
 HOSTING

  32. NODE JS DYNAMIC HOSTING

  33. WEB SERVICES

  34. None
  35. JEKYLL’S SUMMER OF CODE

  36. STATIC EVENTS

  37. None
  38. None
  39. None
  40. @DIRTYF THANKS