![Ventajas y desventajas de usar Framework CSS](https://cdn-pre.openwebinars.net/media/featured_images/por-que-usar-framework-css-blog.jpg)
Ventajas y desventajas de usar Framework CSS
Te contamos qué ventajas y desventajas supone utilizar un framework CSS para nuestro proyecto web.
![](https://cdn-pre.openwebinars.net/media/avatars/juan_diego55/795609.jpeg)
En el siguiente artículo te enseñaré las ventajas de usar mi pre-procesador CSS favorto: Stylus. Sus autores lo describen de la siguiente manera: Stylus es un nuevo lenguaje revolucionario, proporcionando una forma eficiente, dinámica y expresiva para generar CSS. Soporta tanto una sintaxis con sangría y estilo normal CSS.
Tabla de contenidos
Hoy en día los frontends disponen de numerosas herramientas para realizar su trabajo de manera más ágil y productiva, desde frameworks HTML como Bootstrap o Foundation hasta módulos para Node.JS como son los preprocesadores css Stylus, Less y Sass, entre otras muchas utilidades. A continuación te presento mi pre-procesador css favorito: Stylus .
Al realizar tareas de frontends todos nos hemos encontrado con algunos de los típicos problemas que tiene CSS:
Instalación de Stylus
$ sudo npm install stylus -g
$ stylus mi_estilo.styl mi_estilo.css
Con esto conseguiremos compilar el archivos mi_estilo.styl y generar el archivo mi_estilo.css.
Algunas de las opciones más interesantes a la hora de compilar son las siguientes:
$ stylus --compress mi_estilo.styl > mi_estilo.css
$ stylus carpeta--out public/stylesheets
$ stylus -w mi_estilo.styl
$ stylus --css mi_estilo.css
nib - Extensiones de CSS3 para Stylus
$ sudo npm install nib -g
Para hacer uso de nib debes importarlo en losficheros .styl;
@import "nib"
Una vez lo tienes importado puedes escribir reglas de CSS3 sin preocuparte de los diferentes prefijos de motores de navegadores, ya que Stylus junto con nib se encargarán de añadirlos automáticamente en la compilación. Para realizar la compilación debes indicar a stylus que debe usar nib:
$ stylus -u nib mi_estilo.styl
Como has podido observar con la ayuda de Stylus podremos ser mucho más productivos y escribir código mucho más limpio para nuestras hojas de estilo CSS.
También te puede interesar
Te contamos qué ventajas y desventajas supone utilizar un framework CSS para nuestro proyecto web.
Con el surgimiento de los smartphones y las nuevas capacidades de HTML5, es posible desarrollar apps sabiendo HTML, CSS y JavaScript.
Aprende a programar tus hojas de estilo CSS con PostCSS y da un salto en tu carrera como...