martes, 13 de noviembre de 2012

Curso de Sass y Compass

curso de  sass y compass

Empezamos con nuestro primer Curso! Este es el comienzo de una nueva aventura con un Curso de Sass y Compass, que nos facilita la creación de CSS y trabajar de manera mucho más productiva. Sass y Compass lo pueden utilizar en todos o a la mayoría de tus proyectos webs.


Sass es un lenguaje orientado a mejorar CSS que le añade un montón de nuevas capacidades para evitar la abundante redundancia en CSS.


Compass es un conjunto de herramientas y patrones que nos ayudan a mejorar aún más nuestro trabajo con Sass.




El curso


A medida que vallamos avanzando con el curso (ya que todavía no esta terminado) iremos dejando los enlaces acá para que sean más fácil de ver o bajar. No te olvides de dejar este artículo en tus favoritos ;-)




Los videos y artículos ;-)


1 - Introducción a Sass y Compass


 [Artículo] [Video en Youtube] [Descargar]


2 - Instalación


 [Artículo] [Video en Youtube] [Descargar]


3 - Lo más básico sobre la terminal


 [Artículo] [Video en Youtube] [Descargar]


4 - Crear y configurar proyectos


 [Artículo] [Video en Youtube] [Descargar]


5 - Syntax Highlighting para Sass en Sublime Text


 [Artículo] [Video en Youtube] [Descargar]


6 - Anidación en Sass


 [Artículo] [Video en Youtube] [Descargar]


7 - Comentarios, variables y operadores


 [Artículo] [Video en Youtube] [Descargar]


8 - Herencia de selectores y Mixins


 [Artículo] [Video en Youtube] [Descargar]


9 - Selector Placeholder


 [Artículo] [Video en Youtube] [Descargar]


10 - Interpolación y funciones preconstruidas de Sass


[Artículo] [Video en Youtube] [Descargar]


11 - @import y @media queries


[Artículo] [Video en Youtube] [Descargar]


12 - Keyword arguments y @content


[Artículo] [Video en Youtube] [Descargar]


13 - Directivas de control y inspeccionar código


[Artículo] [Video en Youtube] [Descargar]


14 - Bucle @for


[Artículo] [Video en Youtube] [Descargar]


15 - Bucle @while


[Artículo] [Video en Youtube] [Descargar]


16 - Bucle @each


[Artículo] [Video en Youtube] [Descargar]


17 - Construir funciones y argumentos variables


[Artículo] [Video en Youtube] [Descargar]


18 - Shell interactivo y tipos de datos


[Artículo] [Video en Youtube] [Descargar]


19 - Instalación y uso de plugin


[Artículo] [Video en Youtube] [Descargar]


20 - Uso de sprites en Compass


[Artículo] [Video en Youtube] [Descargar]


21 - Maps y selector placeholder para sufijos


[Artículo] [Video en Youtube] [Descargar]


 

Donativos


El material que ofrecemos es gratuito, puede ayudar con una donación por medio del siguiente botón.

value="PP-DonationsBF:btn_donateCC_LG.gif:NonHosted" />

 

Algunos enlaces ;-)


Web oficial de Compass


Web oficial de Sass


PlayList en Youtube


Los ejemplos en GitHub

11 comentarios:

  1. Sergio Antonio Ochoa Martinez15 de enero de 2013, 11:07

    Hola.
    Agradecerte por los tutoriales muy buenos tutoriales

    Saludos desde Bolivia.

    ResponderEliminar
  2. de nada, ahí voy subiendo más videos últimamente he estado un poco atareado xD pero bueno ahí los voy a seguir subiendo. saludos

    ResponderEliminar
  3. Sergio Antonio Ochoa Martinez7 de febrero de 2013, 14:08

    Que libro me recomendarias para seguir aprendiendo

    Saludos y sigue con esta pagina

    ResponderEliminar
  4. Hola!

    Lo malo es que la mayoría de la documentación completa esta en inglés pero te dejo estos datos por si te sirven.

    Esta el libro "Pragmatic Guide to Sass".

    También puedes leer las referencias de Sass en --> http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html

    También hay otros videos tutoriales que también están en inglés

    De Sass --> http://www.youtube.com/playlist?list=PL2CB1F80266E986EA

    De Compass --> http://www.youtube.com/playlist?list=PL45DD77A4CCA76ED3

    También otros videos tutoriales de "Maintainable CSS With Sass and Compass" pero son de pago https://tutsplus.com/course/maintainable-css-with-sass/ Aunque también están en torrent jejeje.

    Saludos

    ResponderEliminar
  5. Salu2 Mtías, Buenos videos acerca de s-c una pregunta?
    Que contienen los .zip para descargar?
    De antemano gracias y perdón por la pregunta... (si es obvia)

    ResponderEliminar
  6. El video en HD y el ejemplo del video, aunque los primeros creo que no contienen los ejemplos. Saludos

    ResponderEliminar
  7. Excelente curson en mi empresa estan comenzando a utilizar Sass y Compass y tu curso me sera de mucha ayuda.

    ResponderEliminar
  8. Genial, me alegra de que el curso este siendo útil :)

    ResponderEliminar
  9. Hey hermano gracias... de seguro que me servira de mucho..! saludos desde Perú..!

    ResponderEliminar
  10. Excelentes video tutoriales :D! Muchas gracias..!! saludos desde Puno-Perú!

    ResponderEliminar