Rails para diseñadores<br />
¿Qué es Haml y Sass?<br />Alternativa a .erb<br />Según el sitio oficial de Haml,  está basado en la idea de que el “códig...
Hamlgenera.html<br />Sassgenera.css<br />
El objetivo de Haml y Sass es un incremento de productividad, que se logra por medio de tres factores:<br />
1<br />Simplificación del código. Haml simplemente requiere escribir menos código<br />
2<br />Representación visual de la jerarquía del documento. Esto permite que el código sea visualmente más claro, así como...
3<br />Compatibilidad. Haml puede coexistir con las vistas rhtml e incluso mezclar código ERb y Haml<br />
Hay que indentar o indentar no hay otra opción<br />
¿Cómo se escribe Haml?<br />
Html<br />&lt;tag&gt;Contenido&lt;/tag&gt;<br />Haml<br />%tagcontenido<br />
Html<br />&lt;h1&gt;Hola mundo!&lt;/h1&gt;<br />Haml<br />%h1 Hola mundo<br />
¿Cómo se escribe Sass?<br />
Comentarios<br />
Compass es un verdadero framework para el trabajo de hojas de estilo (css) con algunas cosas que lenguajes de comunes mane...
Fin<br />
Upcoming SlideShare
Loading in …5
×

Haml y Sass

1,648 views

Published on

Published in: Technology
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,648
On SlideShare
0
From Embeds
0
Number of Embeds
51
Actions
Shares
0
Downloads
0
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Haml y Sass

  1. 1. Rails para diseñadores<br />
  2. 2. ¿Qué es Haml y Sass?<br />Alternativa a .erb<br />Según el sitio oficial de Haml,  está basado en la idea de que el “código de descripcion de páginas debe ser hermoso”. Pensando en la simplicidad de Ruby y la elegancia de Rails.<br />
  3. 3. Hamlgenera.html<br />Sassgenera.css<br />
  4. 4. El objetivo de Haml y Sass es un incremento de productividad, que se logra por medio de tres factores:<br />
  5. 5. 1<br />Simplificación del código. Haml simplemente requiere escribir menos código<br />
  6. 6. 2<br />Representación visual de la jerarquía del documento. Esto permite que el código sea visualmente más claro, así como eliminar la redundancia de cerrar todas las etiquetas. A cambio se tiene la desventaja de que el intérprete deHaml es MUY estricto en cuanto a la indentación.<br />
  7. 7. 3<br />Compatibilidad. Haml puede coexistir con las vistas rhtml e incluso mezclar código ERb y Haml<br />
  8. 8.
  9. 9. Hay que indentar o indentar no hay otra opción<br />
  10. 10. ¿Cómo se escribe Haml?<br />
  11. 11. Html<br />&lt;tag&gt;Contenido&lt;/tag&gt;<br />Haml<br />%tagcontenido<br />
  12. 12. Html<br />&lt;h1&gt;Hola mundo!&lt;/h1&gt;<br />Haml<br />%h1 Hola mundo<br />
  13. 13.
  14. 14.
  15. 15.
  16. 16.
  17. 17. ¿Cómo se escribe Sass?<br />
  18. 18.
  19. 19.
  20. 20.
  21. 21.
  22. 22.
  23. 23.
  24. 24. Comentarios<br />
  25. 25.
  26. 26.
  27. 27. Compass es un verdadero framework para el trabajo de hojas de estilo (css) con algunas cosas que lenguajes de comunes manejan. Este framework soporta variables, estilos predefinidos que soportan parámetros y operaciones aritméticas. Esto debido a que utiliza Sass que es parte del proyecto Haml<br />
  28. 28. Fin<br />

×