Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Middleman Usecase / TokyouMiddlemanMeetup#1

698 views

Published on

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

Published in: Design, Technology
  • Be the first to comment

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/

×