Pseudo-dynamic website with Movable Type
Download as PPTX, PDF0 likes1,385 views
The document discusses creating a pseudo-dynamic website using Movable Type that loads content dynamically with JavaScript but stores all content statically. It provides an overview, demo, ingredients including Movable Type and JSON templates, code samples, pros and cons, and tips. The presentation was given by Daiji Hirata to demonstrate how to build a lightweight dynamic site with only static content using Movable Type.
Pseudo-dynamic website with Movable Type
- 1. for MTDDC 2012 LT pseudo-dynamic website with Movable Type 2012.8.4 Daiji Hirata
- 2. about me 1 • Daiji Hirata, @hirata • Senior Advisor, Six Apart • 10+ years with Movable Type Daiji Hirata, http://daijihirata.com/
- 5. recipe 4 • pseudo-dynamic content loading website with *ONLY* static contents Daiji Hirata, http://daijihirata.com/
- 7. ingredients 6 • movable type • base webpage • two json templates • filter plugin • some javascript codes Daiji Hirata, http://daijihirata.com/
- 8. Starman! the source 7 no contents in the HTML Daiji Hirata, http://daijihirata.com/
- 13. javascript codes 12 Daiji Hirata, http://daijihirata.com/
- 14. the javascript code 13 Daiji Hirata, http://daijihirata.com/
- 15. the javascript code 14 Daiji Hirata, http://daijihirata.com/
- 16. the source 15 Daiji Hirata, http://daijihirata.com/
- 17. 16 demo again? Daiji Hirata, http://daijihirata.com/
- 18. you might want... 17 • category and category archive list object • monthly archive list object Daiji Hirata, http://daijihirata.com/
- 19. pros/cons 18 • pros: – keeping templates simple – only static template (Azure Blob Storage!) – widely available MT 2.x - 5.x • cons: – not true dynamic/realtime (rebuilding...) – skills of javascirpt Daiji Hirata, http://daijihirata.com/
- 20. tips 19 • don’t forget “AddType”: AddType application/json json • might be needed HTTP header for cross domain content delivery: Access-Control-Allow-Origin: * Daiji Hirata, http://daijihirata.com/
- 21. conclusion 20 • MT is useful publishing engine for “pseudo” dynamic website Daiji Hirata, http://daijihirata.com/
- 22. 21 Thank you! Daiji Hirata, http://daijihirata.com/