Proč LESS?

  • View
    432

  • Download
    2

Embed Size (px)

DESCRIPTION

Pro LESS a pro koho? Pro LESS pouvm? Nevolte podle syntaxe 4 tipy pro pokroilej

Transcript

  • 1. Martin Michlek @machalLESS #frontendisti 21. nora 2014

2. LESS Pro koho? Pro LESS pouvm? Nevolte podle syntaxe 4 tipy pro pokroilej 3. !Pro LESS a pro koho? 4. DesignrProgramtor 5. Deklarativn CSS, SQLImperativn PHP, JavaScript, Ruby, Python 6. Jak by to vyeili autoi CSS?CSS je shit. Pojme to vyeit jinak! 7. !Pro LESS pouvm? 8. Dobe se to u! 9. 10. Co teba um SASS/Stylus a neum LESS? @extend (u um) if/else (mixin guards) cykly (recursive mixins) seamless mixins (mixins) 11. Nevolte podle syntaxe 12. SASS whitespace peklo /* Font face */ !!@font-face font-family: "ForoExtraBold" src: url("../fonts/ForoXBol-webfont.eot") src: url('../fonts/ForoXBol-webfont.eot?#iefix') format('embedded-opentype'), ! url('../fonts/ForoXBol-webfont.woff') format('woff'), url('../fonts/ForoXBol-webfont.ttf') format('truetype'), url('../fonts/ForoXBol-webfont.svg#ForoExtraBold') format('svg') 13. Sublime + Emmet + Hayaku 14. 4 tipy pro pokroilej 15. Vlastnosti @import@import (less) "fancybox.css"; 16. CSS guards 17. Mixiny jako funkce 18. BEM 19. Dkuji! ! ! ! @machal www.vzhurudolu.cz facebook.com/VzhuruDolu martin@vzhurudolu.cz