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

Report

# Haml And Sass: Put your markup on a diet

Document Description
Haml And Sass: Put your markup on a diet
File Details
• File size: 561.23kb
• Pages: 16
• Tags: sass, barcamp, haml
• content preview
Submitter
• Name: heidi
Embed Code:

Related Documents

## 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

## How To Plan For Your Wedding On A Tight Budget

by: isaiaspopke, 2 pages

How To Plan For Your Wedding On A Tight Budget

## 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

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 ...

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.

by: cecilacoston19, 2 pages

redirection tool if you want to give descriptive names to your pages instead of names rich in

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

Haml And Sass: Put your markup on a diet

Share Haml And Sass: Put your markup on a diet to:

example:

http://myblog.wordpress.com/
or
http://myblog.com/

Share Haml And Sass: Put your markup on a diet as:

From:

To:

Share Haml And Sass: Put your markup on a diet.

Enter two words as shown below. If you cannot read the words, click the refresh icon.

Share Haml And Sass: Put your markup on a diet as:

Copy html code above and paste to your web page.