SASS – Introducción

sass

¿Que es SASS?

SASS (Syntactically Awesome Stylesheet) es un metalenguaje de hojas de estilo CSS. Es un procesador de CSS que ayuda a reducir el tiempo de codificación de hoja de estilo y aplica buenas técnicas una vez se compila. Posee un lenguaje de script llamado SassScript (extensión .scss), su implementación es open-source y fue escrita con Ruby pero tambien existe otra escrita en PHP (http://leafo.net/scssphp/)

Historia

Inicialmente, SASS fue diseñado por Hampton Catlin (@hcatlin) y desarrollado por Natalie Weizenbaum (@nex3) en el 2006. Actualmente Weizenbaum y Chris Eppstein (@chriseppstein) mantienen el proyecto y lo siguen extendiendo.

¿Por qué utilizar SASS?

  • Provee una sintaxis propia e indentada para CSS.
  • Provee algunas cualidades especiales las cuales son utilizadas para generar hijas de estilo más eficientes y mantenibles.
  • Está creado con Ruby y es un proyecto Open Source.
  • Mantiene una muy buen estructura en el código. Se puede reutilizar funciones, agregar estructuras de control (@if, @for, @each, @while), operaciones matemáticas y soporta variables.

Ventajas

  • Es compatible y muy estable con las diferentes versiones de CSS.
  • Posee una implementación en Javascript, https://github.com/medialize/sass.js
  • Hace mas fácil la codificación, lectura y expresar de forma más clara las hojas de estilos, este metalenguaje se considera un sugar syntactic (Azucar Sintáctico)
  • Sintaxis anidad y creación de funciones reutilizables.
  • No hace la vida más fácil con los Diseñadores !!
  • Menos código === Menos tiempo.
  • Como ya repetí, es un proyecto Open Source.

Desventajas

  • Aprender SASS toma tiempo, pero la curva de aprendizaje es baja.
  • Si trabajamos en equipo, todos deberán trabajar con SASS. Algunas personas pueden editar el estilo directamente y puede generar dificultades.
  • Podemos perder beneficios del inspector web.

¿Cuál es el animal de fantasía con más dientes? deja tu respuesta !

Kiitos !!

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s