Slide 1

Slide 1 text

Middleman Generating fast and static sites, simply.

Slide 2

Slide 2 text

What I sought

Slide 3

Slide 3 text

Ruby

Slide 4

Slide 4 text

Lightweight

Slide 5

Slide 5 text

Fast

Slide 6

Slide 6 text

Short Feedback Loop

Slide 7

Slide 7 text

Command Line Driven

Slide 8

Slide 8 text

Concise

Slide 9

Slide 9 text

Examples

Slide 10

Slide 10 text

$-> gem install middleman $-> middleman init $-> middleman server $-> middleman build

Slide 11

Slide 11 text

$-> gem install middleman $-> middleman init $-> middleman server $-> middleman build

Slide 12

Slide 12 text

$-> gem install middleman $-> middleman init $-> middleman server $-> middleman build $-> middleman init

Slide 13

Slide 13 text

$-> gem install middleman $-> middleman init $-> middleman server $-> middleman build

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

$-> gem install middleman $-> middleman init $-> middleman server $-> middleman build

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

! ! <%= current_page.data.title || "The Middleman" %> ! <%= stylesheet_link_tag "normalize", "all", "application" %> <%= javascript_include_tag "all" %> ! <%= yield %>

Slide 18

Slide 18 text

%html %head %meta{:charset => 'utf-8'} %meta{'http-equiv' => 'X-UA-Compatible', :content => 'IE=edge,chrome=1'} %title= current_page.data.title = stylesheet_link_tag "normalize", "all", "application" = javascript_include_tag "all" %body{:class => page_classes} .container-fluid .row .navbar.navbar-inverse.navbar-fixed-top .navbar-inner Hi .row = yield

Slide 19

Slide 19 text

%html %head %meta{:charset => 'utf-8'} %meta{'http-equiv' => 'X-UA-Compatible', :content => 'IE=edge,chrome=1'} %title= current_page.data.title = stylesheet_link_tag "normalize", "all", "application" = javascript_include_tag "all" %body{:class => page_classes} .container-fluid = yield

Slide 20

Slide 20 text

.index { h1 { color: rgba(0, 0, 0, 1); font-weight: bold; font-size: 32px; letter-spacing: -1px; text-transform: uppercase; text-shadow: 0 1px 0 rgba(255, 255, 255, .5); padding: 125px 0px 10px; margin: 0; } h2 { color: rgba(0, 0, 0, 0.85); font-weight: light; font-size: 26px; letter-spacing: -1px; padding: 5px, 0px, 0px; margin-top: 5px; margin-bottom: 2px; } }

Slide 21

Slide 21 text

FIN ! @Shepbook! [email protected]