Middleman Usecase / TokyouMiddlemanMeetup#1
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

Middleman Usecase / TokyouMiddlemanMeetup#1

  • 659 views
Uploaded on

http://connpass.com/event/3851/ ...

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

More in: Design , Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
659
On Slideshare
658
From Embeds
1
Number of Embeds
1

Actions

Shares
Downloads
2
Comments
0
Likes
1

Embeds 1

https://twitter.com 1

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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. 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. [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. [AD] http://tokyodesign.org/jukuten2013/