This is not the document you are looking for? Use the search form below to find more!

Report home > Others

Haml And Sass: Put your markup on a diet

0.00 (0 votes)

Document Description

File Details

Added: April, 26th 2011
Reads: 100
Downloads: 0
File size: 561.23kb
Pages: 16
Tags: sass, barcamp, haml
content preview

Submitter

Name: heidi

READ ONLINE

Haml And Sass: Put your markup on a diet screenshot

Embed Code:

DOWNLOAD

Add New Comment

Put Your Records On - Corinne Bailey Rae

by: yoko2, 12 pages

yeah!

Haml And Sass In 15 Minutes

by: joline, 72 pages

Haml And Sass In 15 Minutes

How To Plan For Your Wedding On A Tight Budget

by: isaiaspopke, 2 pages

How To Plan For Your Wedding On A Tight Budget

by: isaiaspopke, 2 pages

How To Plan For Your Wedding On A Tight Budget

How To Make Excellent Make Use Of And Also Put Link Trackers On Hubpages

by: shelby267hayes, 2 pages

account , zynga , Bebo, facebook , social networking websites and also boards , if you have a new

Straightforward Dos as well as Don'ts regarding Going on a diet Success

by: swampkaren63, 2 pages

In terms of shedding pounds, it can be difficult in order to be aware that where to start this. The load burning information mill full of inconsistant guidance, hype plus hazardous items that can ...

Rational numbers on a number line

by: tutorciecle123, 4 pages

We know that rational numbers are expressed in form of p/q where ‘p’ and ‘q’ are integers and q 0. Rational numbers can be all positive numbers and the negative numbers ...

Rational Numbers on a Number LIne

by: nishagoyal, 4 pages

A number line is graphical representation of numbers from negative infinity to positive infinity in a single line. Rational numbers can be expressed in fraction (a/b) form, where 'b' is not equal to ...

Rational Numbers on a Number Line

by: nishagoyal, 4 pages

HOW TO Get the Best Price on a Home

by: foreclosuredeals, 3 pages

Discover tricks that speculators use to get the best price on a home at ForeclosureDeals.Com. Pay less for foreclosed property, sell at a greater profit and make more money.

Content Preview

Haml and SassPut your markup on a diet1(X)HTML is unwieldy• Repetition• Closing tags• id and class everywhere• Arbitrary formatting• Indentation not enforced• Hard to see the structure• Accident-prone2Case in point3Case in point3CSS is not much better• More repetition• Nested Selectors• padding-left, padding-right, etc.• No consistent formatting4Haml and Sass to the rescue!5What is Haml?• XHTML Abstraction Markup Language• Markup that describes XHTML• Nesting through indentation (like Python)• Convenient shortcuts for common elements and attributes• Guiding principle: Markup should be beautiful6What is Sass?• CSS compliment to Haml• Nesting through indentation• Named constants• Calculated values7Examples8XHTML<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html lang=”en” xml:lang=”en” xmlns=”http://www.w3.org/1999/xhtml”><head><title>XHTML Example</title></head><body><div id=”container”><div id=”header”><h1 class=”pagetitle”>XHTML Example</h1></div><div id=”content”><span class=”announcement”>BarCamp is coming to Nashville on August 18th!</span><p class=”normaltext”>Lorem ipsum...</p></div><div id=”footer”><span class=”copyright”>(c) 2007 Example Industries</span></div></div></body></html>9