Entradas

Mostrando las entradas etiquetadas como css3

Tutorial de Stylus - Preprocesador CSS

Imagen
(Instalación, Compilación, Compresión, Conversión) Tutorial a grandes rasgos de cómo utilizar Stylus un Preprocesador CSS en nuestros proyectos Web para agilizar y estructurar mejor nuestros archivos de estilo mediante lo siguiente: Instalación (Mediante Node.JS) Primer archivo Compilación Compresión Combinación de 2 archivos por importación @import Conversión de CSS a Stylus

LESS vs Sass vs Stylus

Imagen
El primer preprocesador que usé fue LESS. Lo elegí porque la documentación tiene ejemplos fáciles de entender y rápidamente las ventajas de los pre-procesadores de CSS me convencieron de que son una potente herramienta de desarrollo front-end. Empecé a investigar sobre la sintaxis de Less, Sass y Stylus . Usé Stylus en un proyecto web y luego Sass. ¿Cuál es mejor? Características de LESS LESS es un pre-procesador que se mantiene fiel a la naturaleza declarativa de CSS. Te da algunas herramientas para que el CSS te resulte más fácil de mantener, pero no intenta ser un lenguaje de programación 1 . La documentación es concisa y los ejemplos muy claros. Podés aprender e inclusive dominar LESS en muy poco tiempo. No tiene mucho misterio, leyendo la documentación alcanza y sobra. Aunque no es recomendable para producción, podés empezar a usarlo en segundos simplemente linkeando un JavaScript, sin necesidad de instalar absolutamente nada. Framework front-end: Bootsrap . Bootstrap es ...