Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

What's New in Haml/Sass 3

2,632 views

Published on

Published in: Technology, Art & Photos
  • DOWNLOAD FULL. BOOKS INTO AVAILABLE FORMAT ......................................................................................................................... ......................................................................................................................... 1.DOWNLOAD FULL. PDF EBOOK here { https://tinyurl.com/y8nn3gmc } ......................................................................................................................... 1.DOWNLOAD FULL. EPUB Ebook here { https://tinyurl.com/y8nn3gmc } ......................................................................................................................... 1.DOWNLOAD FULL. doc Ebook here { https://tinyurl.com/y8nn3gmc } ......................................................................................................................... 1.DOWNLOAD FULL. PDF EBOOK here { https://tinyurl.com/y8nn3gmc } ......................................................................................................................... 1.DOWNLOAD FULL. EPUB Ebook here { https://tinyurl.com/y8nn3gmc } ......................................................................................................................... 1.DOWNLOAD FULL. doc Ebook here { https://tinyurl.com/y8nn3gmc } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD FULL. BOOKS INTO AVAILABLE FORMAT ......................................................................................................................... ......................................................................................................................... 1.DOWNLOAD FULL. PDF EBOOK here { https://tinyurl.com/y8nn3gmc } ......................................................................................................................... 1.DOWNLOAD FULL. EPUB Ebook here { https://tinyurl.com/y8nn3gmc } ......................................................................................................................... 1.DOWNLOAD FULL. doc Ebook here { https://tinyurl.com/y8nn3gmc } ......................................................................................................................... 1.DOWNLOAD FULL. PDF EBOOK here { https://tinyurl.com/y8nn3gmc } ......................................................................................................................... 1.DOWNLOAD FULL. EPUB Ebook here { https://tinyurl.com/y8nn3gmc } ......................................................................................................................... 1.DOWNLOAD FULL. doc Ebook here { https://tinyurl.com/y8nn3gmc } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

What's New in Haml/Sass 3

  1. 1. Copyright © FJORD, LLC http://twitter.com/ursm http://d.hatena.ne.jp/ursm/ http://github.com/ursm
  2. 2. #container .section = 'hoge' <p.foo=fuga
  3. 3. !!! %html %head %title Hello %meta{:content => 'something'} %body ...
  4. 4. plain, ruby, preserve, erb, … !note_bg = #55aaff #main :width 70% .note :background-color= !note_bg
  5. 5. &= != =border-radius :-moz-border-radius 8px :-webkit-border-radius 8px .sidebar +border-radius
  6. 6. a(href='...') +border-radius(8px) @if, @for, hsl(), round()
  7. 7. <ol> <li data-length="2m11s">Beyond The Sea</li> ... </ol> %ol %li{:data => {:length => "2m11s"}} Beyond The Sea</li> ...
  8. 8. $blue: #3bbfce; $margin: 16px; .content_navigation { color: $blue; } .border { padding: $margin / 2; margin: $margin / 2; border: 2px $blue solid; }
  9. 9. !size = "10px" $size: "10px" !color ||= "red" $color: "red" default! %p %p font: font: size = !size size: $size color = !color color: $color $ sass-convert --in-place style.sass
  10. 10. =error border: 1px #f00 .error color: #fdd border: 1px #f00 color: #fdd .error +error .seriousError @extend .error .seriousError border-width: 3px +error border-width: 3px
  11. 11. •lighten(red, 20%) •darken(blue, 30%) •saturate(#855, 20%) •desaturate(#855, 20%) •adjust-hue(#811, 45deg) •grayscale(hsl(120, 30%, 90%)) •complement(hsl(120, 30%, 90%)) •a lot more...
  12. 12. haml-lang.com sass-lang.com

×