Haml

Slide 1: HAML A renaissance in HTML

Slide 2: Me

Slide 3: Me • James Darling

Slide 4: Me • James Darling • Geocities at 13

Slide 5: Me • James Darling • Geocities at 13 • PHP at 15

Slide 6: Me • James Darling • Geocities at 13 • PHP at 15 • Ruby/Rails at 17

Slide 7: Me • James Darling • Geocities at 13 • PHP at 15 • Ruby/Rails at 17 • JS at 19

Slide 8: I come from the server baring gifts

Slide 9: Beautiful Code

Slide 10: Warning! Lovely Tasty Code

Slide 11: rspec

Slide 12: Model

Slide 13: Controller

Slide 14: View

Slide 16: Who’s Dom?

Slide 17: HTML is just plain UGLY

Slide 18: HTML is just plain UGLY HAML is the plastic surgeon

Slide 19: Hampton Catlin “I opened up my view files and started using my delete key”

Slide 20: A tag begins with $

Slide 21: A tag begins with $

Slide 22: A tag begins with $

Slide 23: Add an ID

Slide 24: Add an ID

Slide 25: Add an ID

Slide 26: Add a couple of classes

Slide 27: Add a couple of classes

Slide 28: Add a couple of classes

Slide 29: Add a couple of classes CSS Selector

Slide 30: Add a couple of classes CSS Selector

Slide 31: Add a couple of classes CSS Selector

Slide 32: Divs are even easier

Slide 33: Divs are even easier

Slide 34: Divs are even easier

Slide 35: All other attributes

Slide 36: All other attributes

Slide 37: All other attributes

Slide 38: No closing tags

Slide 41: Wonderfully Scalable

Slide 42: How do I get it

Slide 43: Rails Plugin haml.hamptoncatlin.com

Slide 44: StaticMatic staticmatic.rubyforge.org

Slide 46: sudo gem install staticmatic

Slide 47: sudo gem install staticmatic staticmatic setup jelly

Slide 49: sudo gem install staticmatic staticmatic setup jelly

Slide 50: sudo gem install staticmatic staticmatic setup jelly staticmatic preview jelly

Slide 51: sudo gem install staticmatic staticmatic setup jelly staticmatic preview jelly staticmatic build jelly