Esta presentación está enfocada a los desarrolladores web que día a día tienen que hacer diseños más precisos y disponen de menos tiempo.

1. Aprovechando lo mejor de la web
William Méndez
Open Source Web Developer
Avanet Member / Web Development Manager at Mozilla - Ecuador.
wilo@avanet.org | wilo@mozilla.ec | @willirocker | wmendezc.wordpress.com

3. Preprocesadores de Css
+

4. Qué necesitamos para poder tener
estos pre-procesadores
http://www.nodejs.org/
npm -g install

5. Qué necesitamos para poder tener
estos pre-procesadores
https://www.ruby-lang.org/es/
gem install compass

6. Ventajas que aportan
 Te evitas de repetir tu código.

7. Herramientas para compilar a Css
con los pre procesadores
https://mhs.github.io/scout-app/
http://koala-app.com/

8. Pre procesadores Js
http://coffeescript.org/
http://www.dartlang.org/

10. Compatibilidad con los Navegadores

11. Compatibilidad con los Navegadores
http://caniuse.com/

12. Compatibilidad con los Navegadores
Normalize.css
https://necolas.github.io/normalize.css/
http://modernizr.com/

14. Template Engines

15. Frameworks MV*

17. Uso de las DevTools

18. Uso de las DevTools
http://getfirebug.com/

20. Automatizando las Tareas

22. Demo
https://github.com/Wilo/bar
campMilagro2014

23. ¿Preguntas?

24. Gracias por su
Atención :D