Post on 28-Jun-2015
description
OmG! Frameworks!!Una muy rápida introducción a
Blueprint y jQuery
Joan Piedraneojp@cristalab.com
Frameworks
¿Qué son esos “freimgüorqz”?
http://yesoft.pbwiki.com/
Frameworks
• Curva de aprendizaje
• Documentación
• Comunidad
Porque todo tiene Pros y Contras
http://me.andering.com/2007/05/25/next-experience-agile-training-june-27-29-eindhoven-nl/
Frameworks CSS
¡¿De verdad existen?!
Blueprint
Join the BLUE side
of the Print
http://www.istockphoto.com/file_closeup/scientific_concepts/robotics/robots/2006025_robot_blueprint.php?id=2006025
http://blueprintcss.googlecode.com/
Blueprint
http://blueprintcss.googlegroups.com/web/logo-bling.jpg?gda=sWnA-z8AAAAFEiuhIyOO1iwR4avYZiMrz-eFyHSg4ECVpJgp8QXFpmG1qiJ7UbTIup-
M2XPURDQGC6SrugYTIzQqy0V-jJSK
• CSS Reset
• Tipografía estandarizada
• Tamaños de fuente relativos
• Sistema de Grilla (grid)
• Versión de impresión
• Sistema de Plugins
Ahora maquetar ya no sera como antes*
Blueprint
* Un muy rapido ejemplo practico
Ejemplo practico*
http://blueprintcss.googlecode.com/
Frameworks Javascript
zOMFG!
jQuery
Jay Query 4 dah w1n!
[img] http://www.sutekidane.net/blog/paris-hilton-nue-ou-presque-pour-jquery.html
http://jquery.com/
jQuery
Feel the power of the $$$$$$$$$$$$$
http://www.jesus-is-savior.com/False%20Religions/ Illuminati/symbols_of_the_illuminati.htm
• Código multi-navegador
• Selectores CSS 1-3
• Poderosa manipulación de eventos
• Ajax “a prueba de balas”
• Simples animaciones
• Increible sistema de Plugins y WidgetsCommunity Powered™
jQuery
* Un muy rapido ejemplo practico
Ejemplo practico*
http://jquery.com/
http://ui.jquery.com/
Conclusiones, Sesión de Preguntas/Respuestas
Gracias por venir, la puerta esta detras.
¿Aún tienes dudas?
http://docs.jquery.com/http://www.visualjquery.com/
http://www.blueflavor.com/blog/design/blueprintcss_101.phphttp://code.google.com/p/blueprintcss/wiki/Tutorial