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
Haml And Sass: Put your markup on a diet
File Details
  • Added: April, 26th 2011
  • Reads: 249
  • Downloads: 0
  • File size: 561.23kb
  • Pages: 16
  • Tags: sass, barcamp, haml
  • content preview
Submitter
  • Name: heidi
Embed Code:

Add New Comment




Related Documents

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

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.

Uploading And Updating Your Site On A Web Host

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

Download
Haml And Sass: Put your markup on a diet

 

 

Your download will begin in a moment.
If it doesn't, click here to try again.

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

Insert your wordpress URL:

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.

loading

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

Copy html code above and paste to your web page.

loading