DocumentUp @ JSMontreal

C96dbcc746d551ea0665da4a23536280?s=47 jeromegn
February 15, 2012
Programming
1
120

DocumentUp @ JSMontreal

C96dbcc746d551ea0665da4a23536280?s=128

jeromegn

February 15, 2012
Tweet

More Decks by jeromegn

See All by jeromegn
C96dbcc746d551ea0665da4a23536280?s=48 jeromegn
1
67

Other Decks in Programming

See All in Programming
636420dfa4bd120435447924327530f0?s=48 nichimu
0
840
75486cbfd37125f121cf4a6c5614601c?s=48 hideokamoto
1
110
4cd9f68f08d2200de34043e4ce049d03?s=48 yagieng
4
440
0fa1c2ed2eb4a18ddec3dd70cb1f72db?s=48 likr
2
260
83722380372c00bd75ac920f2089f6aa?s=48 zacky1972
0
190
75486cbfd37125f121cf4a6c5614601c?s=48 hideokamoto
1
1.3k
098d1adf6ec5b955e29e624b6cc9b6f9?s=48 totokit4
2
130
53850955f15249a1a9dc49df6113e400?s=48 line_developers
5
1.5k
3f2e97dc4e6a5daaf1cb8a406c533176?s=48 knqyf263
2
430
24e791120237a2df0d4fcdd98161c56b?s=48 pentake9
0
140
56eecc8d10c342264eea5b90f3cb1306?s=48 hokila
1
250
26afa82334d1037f0ba602272b950c90?s=48 kazuhitotakahashi
0
230

Featured

See All Featured
E76911cbe088e5b850d966de3fc7435b?s=48 robhawkes
52
2.7k
91cefdf141106fa10674aae74ce05890?s=48 yeseniaperezcruz
300
31k
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
206
6.8k
C1daf20e5c49ff910745198ef9869ac2?s=48 hatefulcrawdad
258
16k
7fa6101cd43067653cf4ac6c7ca54305?s=48 akmur
252
19k
5f83ef806155b403c3393160ce51f955?s=48 jlugia
216
16k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
494
110k
Ded01cdab114abe4ec13511e4c25b9bb?s=48 andyhume
61
2.5k
A16eb159db895e3b01d3dc95767ad595?s=48 jonyablonski
10
820
7653c7c449918ff6542880a8c284f5e7?s=48 jponch
101
4.9k
3d6ace9554821d552146413bcdf874f6?s=48 trishagee
18
1.6k
A0517b08532aec8ab2aae3f65d40ad86?s=48 hannesfritz
27
900

Transcript

  1. Instant documentation for your markdown

  2. @jeromegn • Web Developer at DemandForce • Creator of Backbone

    Todos • Jack of all trades

  3. Quick demo

  4. Why?

  5. Usage DocumentUp.document({ repo: "jeromegn/documentup", name: "DocumentUp", twitter: [ "jeromegn", "DocumentUp"

    ] });

  6. Two versions

  7. Version 1: All front-end

  8. Ender.js

  9. Assemble your own framework

  10. Bonzo: DOM Qwery: Selectors Bean: DOM Events Reqwest: AJAX Components

  11. npm install -g ender ender build bonzo qwery reqwest bean

  12. Github (JSONP) API

  13. marked.js is fast

  14. localStorage as a cache

  15. window.localStorage.setItem(“username/repository”, html) window.localStorage.getItem(“username/repository”)

  16. Version 2: All back-end

  17. Hosted

  18. Config documentup.json

  19. Post-Receive Hook

  20. On-demand

  21. POST curl -X POST --data-urlencode content@README.md \ http://documentup.com/compiled > index.html

    && open index.html

  22. JSONP $.ajax({ url: "http://documentup.com/compiled", dataType: "jsonp", data: { content: "#

    test", name: "Test JSONP!" }, success: function(resp){ // `status` is always provided if (resp.status == 200) { // Write to your document document.open(); document.write(resp.html); document.close(); } } });

  23. gh-pages <!DOCTYPE html> <html> <head> <script src="documentup.min.js"></script> <script> DocumentUp.document("username/repository"); </script>

    </head> <body></body> </html>

  24. 200 KB+ to 0.5 KB

  25. Open source jeromegn/DocumentUp

  26. Thank you