Middleman Usecase / TokyouMiddlemanMeetup#1

658 views

Published on

http://connpass.com/event/3851/
https://twitter.com/search?q=%23tmm

Published in: Design, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
658
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
3
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Middleman Usecase / TokyouMiddlemanMeetup#1

  1. 1. layout - yield <prj_dir> / layout / layout.slim doctype 5 html body#top == yield <prj_dir> / index.slim |Tokyo br |Middleman br |Meetup http://localhost:4567 / index.html <!DOCTYPE html><html><body id=top> Tokyo<br/>Middleman<br/>Meetup </body></html>
  2. 2. customize <prj_dir> / layout / layout.slim - csses = ["base"]; - if data.page.css - csses.concat(data.page.css) == stylesheet_link_tag csses - jses = ["jquery.min", "base"]; - if data.page.js - jses.concat(data.page.js) == javascript_include_tag jses <prj_dir> / index.slim --css: ["top"] js: ["top"] --- http://localhost:4567 loading css: - base.css - top.css loading js: - jquery.min.js - base.js - top.js
  3. 3. [tmm#1] $ cp -r ./createdTemplate ~/.middleman/ or [tmm#1] $ cd ~/.middleman/ [tmm#1] $ middleman init myTemplate --skip-bundle then [tmm#1] $ cd ~/Documents/works/ [tmm#1] $ middleman init tmm1 -T myTemplate
  4. 4. [AD] http://tokyodesign.org/jukuten2013/

×