Alguna lectura:
Hay muchas publicaciones de blog en los distintos preprocesadores de CSS, y cuál puede ser mejor:
Sass vs. MENOS vs. Stylus: tiroteo del preprocesador – Tutorial de Envato Tuts + Code
- ¿Cuál es el mejor proveedor de alojamiento web para micrositios de alto perfil y alto tráfico para una startup?
- ¿Cómo puedo hacer un menú de navegación similar a WordPress?
- ¿Cuál es la diferencia entre página estática y página dinámica?
- ¿Cuál es la mejor manera de hacer un sitio web de antiguos alumnos para una escuela?
- Después de escribir HTML y CSS en un código de bloc de notas, ¿qué debo hacer para crear un sitio web?
Por qué elijo Stylus (y tú también deberías) – Envato Tuts + Web Design Article
Preprocesadores CSS comparados: MENOS vs. Sass vs. Stylus
Sass es más popular
En el trabajo, debatimos sobre Sass vs. Stylus por un tiempo. Sass ganó simplemente porque más personas lo sabían. No solo todos nuestros desarrolladores de front-end lo sabían, la mayoría de nuestros clientes lo sabían, y la mayoría de las agencias de diseño con las que trabajamos también lo sabían.
Por qué prefiero Stylus:
Son las variables:
Sass:
$someVar : #333;
Aguja
someVar = #333;
En los lenguajes de programación, asignamos valores a las variables con el símbolo igual, sin requerir algún carácter arbitrario para hacerlo. Stylus no requiere que recuerde una nueva sintaxis. Sass lo hace.
Y es la @:
Hablar con descaro a:
@mixin border-radius ($ horizontal, $ vertical) {
@if $ vertical {
-wekbit-border-radius: $ horizontal $ vertical;
radio de borde: $ horizontal $ vertical;
} más {
-wekbit-border-radius: $ horizontal;
radio de borde: $ horizontal;
}
}
Aguja:
radio de borde (horizontal, vertical) {
si vertical {
-wekbit-border-radius: horizontal vertical;
radio de borde: horizontal vertical;
} más {
-wekbit-border-radius: horizontal;
radio de borde: horizontal;
}
}
En Stylus, no necesito usar un símbolo que ya esté reservado en CSS para hacer una mezcla o escribir un bloque lógico. Tener una cosa menos que necesito almacenar en mi cerebro es una forma más de codificar de manera más eficiente.
Oh, la flexibilidad:
Sass requiere que use corchetes, dos puntos y punto y coma. Si te pierdes uno, es un error de compilación. ¿Pero sabes que? Hay algo sobre escribir esto:
.artículo
tamaño de fuente: 2em
.panel
tamaño de fuente: 1.5em
.enlazar
color azul
decoración de texto: ninguno
¿ Ves eso? Es glorioso Es como no usar ropa interior cuando hay una brisa fresca; incómodo al principio, pero finalmente refrescante.
Ahora, no recomiendo no abandonarlo todo . Deja esos dos puntos allí. Puedes volar demasiado cerca del sol, Iccarrus.