OmG! Frameworks!! Introducción a Blueprint y jQuery por Joan Piedra

13
OmG! Frameworks!! Una muy rápida introducción a Blueprint y jQuery Joan Piedra [email protected]

description

Rápida Introducción a Blueprint y jQuery. Por Joan Piedra. Evento: GarageFlash, 1er Aniversario (2007).

Transcript of OmG! Frameworks!! Introducción a Blueprint y jQuery por Joan Piedra

Page 1: OmG! Frameworks!! Introducción a Blueprint y jQuery por Joan Piedra

OmG! Frameworks!!Una muy rápida introducción a

Blueprint y jQuery

Joan [email protected]

Page 2: OmG! Frameworks!! Introducción a Blueprint y jQuery por Joan Piedra

Frameworks

¿Qué son esos “freimgüorqz”?

http://yesoft.pbwiki.com/

Page 3: OmG! Frameworks!! Introducción a Blueprint y jQuery por Joan Piedra

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/

Page 4: OmG! Frameworks!! Introducción a Blueprint y jQuery por Joan Piedra

Frameworks CSS

¡¿De verdad existen?!

Page 5: OmG! Frameworks!! Introducción a Blueprint y jQuery por Joan Piedra

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/

Page 6: OmG! Frameworks!! Introducción a Blueprint y jQuery por Joan Piedra

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*

Page 7: OmG! Frameworks!! Introducción a Blueprint y jQuery por Joan Piedra

Blueprint

* Un muy rapido ejemplo practico

Ejemplo practico*

http://blueprintcss.googlecode.com/

Page 8: OmG! Frameworks!! Introducción a Blueprint y jQuery por Joan Piedra

Frameworks Javascript

zOMFG!

Page 9: OmG! Frameworks!! Introducción a Blueprint y jQuery por Joan Piedra

jQuery

Jay Query 4 dah w1n!

[img] http://www.sutekidane.net/blog/paris-hilton-nue-ou-presque-pour-jquery.html

http://jquery.com/

Page 10: OmG! Frameworks!! Introducción a Blueprint y jQuery por Joan Piedra

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™

Page 11: OmG! Frameworks!! Introducción a Blueprint y jQuery por Joan Piedra

jQuery

* Un muy rapido ejemplo practico

Ejemplo practico*

http://jquery.com/

http://ui.jquery.com/

Page 12: OmG! Frameworks!! Introducción a Blueprint y jQuery por Joan Piedra

Conclusiones, Sesión de Preguntas/Respuestas

Page 13: OmG! Frameworks!! Introducción a Blueprint y jQuery por Joan Piedra

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