Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Prototyping 2 — Structure

Prototyping 2 — Structure

Close look at HAML, SASS + a Git & Github “crash tour”.

Florian Plank

May 08, 2012
Tweet

More Decks by Florian Plank

Other Decks in Programming

Transcript

  1. ## MAC OS .DS_Store ## TEXTMATE *.tmproj tmtags [...] ##

    PROJECT::GENERAL .sass-cache coverage rdoc pkg ## PROJECT::SPECIFIC *.gem .rvmrc .bundle
  2. RVM

  3. module ViewHelpers # Calculate the years # for a copyright

    def copyright_years(start_year) end_year = Date.today.year if start_year == end_year "\#{start_year}" else "\#{start_year} ↵ –\#{end_year}" end end # Add your own helpers below... end
  4. / A comment .foo Hello World <!-- A comment -->

    <div class="foo">Hello World</div>
  5. %ul - ["Huey", "Dewey", "Louie"].each do |name| %li= name <ul>

    <li>Huey</li> <li>Dewey</li> <li>Louie</li> </ul>
  6. article { font-size: 1em; } article h1 { font-size: 1.5em;

    } article h1 span { color: red; font-weight: bold; }
  7. h1 { font-weight: bold; font-size: 24px; color: red; } h2

    { font-weight: bold; font-size: 24px; color: blue; }