Preprocesory CSS
Jsou to nástroje k usnadnění tvorby CSS.
Koala je GUI aplikace pro lokální použití (mám instalovanou) ke kompilaci Less, Sass, Compass. Zde je Návod k používání. Zde Koala App: A Cross-platform App for Modern Web Development je popis jak s ním pracovat.
Netbeans obsahuje podporu pro Sass i Less !!
Using CSS Preprocessors With WordPress - What Are They? - úvod do preprocesorů CSS.
LESS je dynamický stylovací jazyk. Napíšeme v něm CSS do souboru .less a ten zkompilujeme na .css. Jsou na něm založeny kostry Bootstrap a Frameless.
Několik článků k LESSu:
- Using CSS Preprocessors With WordPress - LESS + CodeKit - úvodní pohled na LESS
- Using CSS Preprocessors With WordPress - LESS Structures - logické strukturování souborů .less s příkladem.
SASS je rozšíření CSS3, má dva syntaxe - .scss a .sass. Rozšířenější je .scss. Jsou na nich založeny kostry Foundation, Gravity a Frameless.
Příklad práce se SASS ve WP viz:
- Adding Custom UI Themes to Wordpress Admin Using Sass - vyzkoušel jsem v localhost/wp-child
- Introduction to Sass for New WordPress Theme Designers - vyzkoušel jsem v projektu Netbeans PHP-Object
- A WordPress Development Process Using Sass and Compass - In this article, we're going to take a look at how to use Sass and Compass in our WordPress theme development process.
Instruktáže k SASS:
A Simple And Easy Guide To Understand Sass (Pataki) - A while ago Thoriq Firdaus wrote a great article about getting started with Sass which showed you how to install and use this highly useful CSS preprocessor language (you might want to check it out, you know, to get started). In this article I thought I’d give you a bit more insight into what you can do with Sass and how developers use it every day to create better and more modular CSS code.
