Herramientas y Best Practices para ser un buen Front-End
-
Upload
investigador-independiente -
Category
Technology
-
view
161 -
download
0
Transcript of Herramientas y Best Practices para ser un buen Front-End
Aprovechando lo mejor de la web
William MéndezOpen Source Web Developer
Avanet Member / Web Development Manager at Mozilla - Ecuador.
[email protected] | [email protected] | @willirocker | wmendezc.wordpress.com
Preprocesadores de Css
+
Qué necesitamos para poder tener estos pre-procesadores
http://www.nodejs.org/
npm -g install
Qué necesitamos para poder tener estos pre-procesadores
https://www.ruby-lang.org/es/
gem install compass
Ventajas que aportan
Te evitas de repetir tu código.
Herramientas para compilar a Css con los pre procesadores
https://mhs.github.io/scout-app/
http://koala-app.com/
Pre procesadores Js
http://coffeescript.org/
http://www.dartlang.org/
Compatibilidad con los Navegadores
Compatibilidad con los Navegadores
http://caniuse.com/
Compatibilidad con los Navegadores
Normalize.csshttps://necolas.github.io/normalize.css/
http://modernizr.com/
Template Engines
Frameworks MV*
Uso de las DevTools
Uso de las DevTools
http://getfirebug.com/
Automatizando las Tareas
Demo
https://github.com/Wilo/bar
campMilagro2014
¿Preguntas?
Gracias por su Atención :D