Se ha denunciado esta presentación.
Se está descargando tu SlideShare. ×
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Próximo SlideShare
sobre compass
sobre compass
Cargando en…3
×

Eche un vistazo a continuación

1 de 30 Anuncio

Más Contenido Relacionado

A los espectadores también les gustó (17)

Similares a Sass y compass (20)

Anuncio

Más de Medio y forma (20)

Más reciente (20)

Anuncio

Sass y compass

  1. 1. Sass y Compass
  2. 2. ¿CSS? Cascading Style Sheets (Hojas de Estilo en Cascada)
  3. 3. Estilo separado de la estructura HTML CSS
  4. 4. Estilo separado de la estructura Ventajas Estilos en uno o pocos archivos Estándar y accesible
  5. 5. Ausencia de expresiones de cálculo numérico Desventajas Redundancia de código ¿Variables?
  6. 6. ¿Que es Sass?
  7. 7. ¡Syntactically Awesome Stylesheets!
  8. 8. ¡Syntactically Awesome Stylesheets!
  9. 9. ¡Syntactically Awesome Stylesheets!
  10. 10. ¡Syntactically Awesome Stylesheets!
  11. 11. Sass es un preprocesador de CSS
  12. 12. Copila en CSS
  13. 13. Sigue las convenciones de CSS.
  14. 14. y añade cosas como Variables (@variable) Operadores (+, -, *, /, %) Anidamiento
  15. 15. Parciales (@import) Mixins @mixin() Extender / Sucesiones
  16. 16. ¿Pero como funciona?
  17. 17. ¿Como se instala?
  18. 18. sudo apt-get install ruby1.9.1 Instalar Ruby
  19. 19. gem update --system gem install compass Instalar Compass
  20. 20. compass create <myproject> compass init compass watch
  21. 21. Nos vamos a un ejemplo
  22. 22. y Compass?
  23. 23. CSS Authoring Framework. Compass es un
  24. 24. Compass es una serie de Mixins que extiende Sass
  25. 25. Typography Vertical Rhythm CSS3 Border Radius Box Shadow
  26. 26. http://compass-style.org http://sass-lang.com
  27. 27. Iván Mejía Fabela! @koffer koffer@gmail.com
  28. 28. compasseando.com
  29. 29. http://sassmeister.com
  30. 30. Fin de la plática

×