Static Sites Can be the Solution (Simon Wood)
•
1 recomendación•2,605 vistas
Taken from this month's (17th July) London Web meet-up (http://londonweb.org) - we were joined by Simon Wood. Based in Kent, Simon is a passionate tech/geek and is currently Head of Technology and Innovation at the Shortbreaks and New Ventures division of Holiday Extras, a travel technology company. Simon is also acting CTO for miDrive an in-house Start Up incubator. Simon's session description for Static Sites Can be the Solution: "We build complex dynamic websites as a first port of call but these are slow, have issues with scaling and can be complex to host. I believe we should more often look to static sites first. I will demonstrate why static sites are such a good choice and show you how you can build static sites, using tools like Jekyll and other static site generators. We will cover how they can be hosted on S3 and GitHub pages and talk about how they can be frequently updated with the correct workflow even though they are static. You can have a blog on a static site and still make regular new blog posts and have dynamic content."
Recomendados
Más contenido relacionado
Destacado
Destacado (19)
Similar a Static Sites Can be the Solution (Simon Wood)
Similar a Static Sites Can be the Solution (Simon Wood) (20)
Más de Future Insights
Más de Future Insights (20)
Static Sites Can be the Solution (Simon Wood)
- 1. @hpoom Static Sites Can be the Solution By Simon Wood London Web - July 2014 1
- 2. / @hpoom About me Head of Technology and Innovation Holiday Extras Simon Wood 2
- 5. / @hpoom What I am going to cover 5
- 6. / @hpoom Dynamic sites don’t work What I am going to cover 5
- 7. / @hpoom Dynamic sites don’t work Static Site Generators What I am going to cover 5
- 8. / @hpoom Dynamic sites don’t work Static Site Generators Flat file CMS What I am going to cover 5
- 9. / @hpoom Static does not mean static Static Site != Static Content 6
- 10. / @hpoom Static does not mean static Static Site == Static Architecture 7
- 11. @hpoom Things are not working now 8
- 12. ” @hpoom WordPress is used by more than 22% of the top 10 million websites as of August 2013 Wikipedia "WordPress Pencil and Pins-07" by Christopher Ross. Licensed under Creative Commons.- https://flic.kr/p/a688WQ9
- 16. ” @hpoom Some websites are fried up for the user every time. But others are baked once and served up again and again. Aaron Swartz http://bit.ly/bake-fry "Boston Wiki Meetup" by Sage Ross. Licensed under Creative Commons.- https://flic.kr/p/6QVV3613
- 21. / @hpoom Problems with CMS Portability ReliabilitySecurity 15
- 27. / @hpoom Medium medium.com Less is Less Gov UK www.gov.uk/transformation 21
- 28. ” @hpoom The web's moved beyond the desktop, and it's not looking back. The number of devices we're designing for is growing just as quickly as mobile traffic. Ethan Marcotte "Device lab" by Jeremy Keith. Licensed under Creative Commons.- https://flic.kr/p/kj1Dm722
- 35. / @hpoom History of SSG Moveable Type 13 years old 28
- 36. / @hpoom History of SSG nanoc 7 years old Moveable Type 13 years old 28
- 37. / @hpoom History of SSG nanoc 7 years old jekyll 6 years old Moveable Type 13 years old 28
- 42. / @hpoom staticsitegenerators.net 287 33
- 43. / @hpoom staticsitegenerators.net 287 33
- 45. / @hpoom Lots of choice assemble Cactus DocPad Dropplets Hexo Hugo Hyde Jekyll metalsmith Middleman Octopress Pelican Stacey Wintersmith GO JavaScript PHP Python Ruby 35
- 48. / @hpoom Markdown is the future "Markdown is the Future of Writing" by Robby Ingebretsen. - http://bit.ly/mdfuture ## A Little Markdown Example Markdown is **awesome** because: - it’s easy to *write* - it’s easy to *read* - it keeps you in the *moment* A LITTLE MARKDOWN EXAMPLE Markdown is awesome because: • it’s easy to write • it’s easy to read • it keeps you in the moment 38
- 49. ” @hpoom If your app has text fields that can be formatted, and you're using your own janky custom markup instead of Markdown, you're doing it wrong. Ernie Miller "Old school (9/365)" by Jinny. Licensed under Creative Commons.- https://flic.kr/p/7uELQN39
- 51. / @hpoom Web Editor dillinger.io Markdown Tools Mac Editor mouapp.com Books gitbook.io 41
- 53. @hpoom --- layout: post title: Bloggling like a pro tags: ['baby', 'startup', 'prediction'] created: '2014-03-17T22:24:18+00:00' --- *content goes here* 43
- 55. @hpoom <!DOCTYPE html> <html lang ="en"> <head> <meta charset="UTF-8"> <title>{{title}}</title> </head> <body> {{content}} </body> </html> 45
- 56. / @hpoom Template Engines Eco Haml Handlebars Jade Mustache Twig CoffeeScript JavaScript PHP Ruby 46
- 63. ” @hpoom I believe that writing a static site generator is the new "Hello World". It is stupidly trivial to write a basic one. Timo Zimmermann http://bit.ly/ssghello "printf("hello, worldn");" by isipeoria. Licensed under Creative Commons.- https://flic.kr/p/bcgZ5g53
- 67. @hpoom Example Flat FILE CMS Sites 57
- 69. / @hpoom World Backup Day Kirby worldbackupday.com 59
- 70. / @hpoom Some Flat File CMS Kirby statamic Pico Stacey Cockpit Monstra razorCMS 60
- 72. ” @hpoom A flat-file CMS is a content management system that stores content in files and folders rather than in a DB like a traditional CMS Jeremiah Shoaf http://bit.ly/FlatCMS "P1040010" by Mike Linksvayer. Licensed under Creative Commons.- https://flic.kr/p/dYKSNz62
- 74. / @hpoom My blog needs comments 64
- 75. / @hpoom My blog needs comments 64
- 76. / @hpoom My blog needs comments 64
- 77. / @hpoom My blog needs comments 64
- 80. / @hpoom Bells & whistles Surveys Video 65
- 81. / @hpoom Bells & whistles Surveys Video Charts 65
- 82. / @hpoom Client side JS can do a lot Web Sockets WebRTC Canvas WebGL Local Storage Animation Video Audio Shadow DOM 66
- 84. @hpoom Where it is not Suitable 68
- 86. @hpoom not a solution to everything 70
- 89. / @hpoom I can’t change my CMS 73
- 90. / @hpoom Boost I can’t change my CMS 73
- 91. / @hpoom Boost WP-Super Cache I can’t change my CMS 73
- 92. / @hpoom Boost WP-Super Cache I can’t change my CMS Buster 73
- 94. @hpoom All else fails then VARNISH 75
- 96. @hpoom SPEED 77
- 101. @hpoom SIMPLICITY 82
- 103. @hpoom Thank youplease contact me if you have any questions Twitter: @hpoom Links: http://bit.ly/LW-July logo By Simon Wood London Web - July 2014 84