Web BizarroWeb Bizarro

Suscríbete a nuestro Newsletter

X

Únete a nuestra lista de correos para recibir semanalmente actualizaciones de nuestro contenido.

Los 5 peores errores con SASS

Los 5 peores errores con SASS 13.OCT.14

Alvaro José Rios Ch
Fundador WebBizarro

Sass es una poderosa herramienta que nos permite acelerar y mejorar el trabajo cuando se trata de CSS, ya que nos ofrece un lenguaje muy poderoso para crear hojas de estilo, sin embargo hay algunos errores comunes que los desarrolladores cometen.

 

Anidar demasiado

Anidar el CSS para hacerlo coincidir con la estructura de su HTML es muy tentador sin embargo esto puede ser perjudicial a largo plazo, al igual que cuando escribimos CSS es mejor mantener la anidacion hasta 4 niveles máximo.

 

Usar mixin en lugar de extender

Usar mixin sin argumentos o un bloque @content solo va a inflar su código CSS, lo recomendable es usar la directiva extend cuando sus mixin no tienen nada de dinámicos.

 

Usar mixin para prefijado

Una de las ventajas de Sass es la gran cantidad de extensiones que tiene, sin embargo debe considerar que hay propiedades en las que no es necesario usar el prefijado como en la propiedad border-radius, así que trate de no usar el mixin para estas propiedades.

 

Hacer commit de los archivos CSS

Haga commit de los archivos fuentes en el caso de SASS los archivos .sass o los .scss y no de los compilados .css, esto evitara que alguien se vean tentado a hacer cambios en los archivos equivocados y estos sean sobrescritos después.

 

No acariciar a un gatito

Así es acariciar a un gatito, Sass esta distribuido como licencia MIT lo que hace que acariciar a un gatito una necesidad real, lo mismo va con lo de hacer un cumplido a Catlin y comprar algunos caramelos a Weizenbaum. En serio esta en la sección sobre el autor del archivo Leame.