El cambio permanente que vivimos en el mundo del desarrollo web requiere que todos nos pongamos al día permanentemente respecto a todas las opciones que tenemos a nuestro alcance, y más importante aún, las opciones que los usuarios poseen. Esta charla pretende recorrer las distintas opciones y técnicas que podemos implementar hoy en día para mejorar la experiencia de todos nuestros usuarios, tanto en código HTML y CSS así como también el uso correcto de JavaScript.

1. JavierEspaña
PROGRESSIVE ENHANCEMENT
HACIENDO DE LA WEB UN LUGAR PARA TODOS
El cambio permanente que vivimos en el mundo del desarrollo web
requiere que todos nos pongamos al día permanentemente respecto a
todas las opciones que tenemos a nuestro alcance, y más importante
aún, las opciones que los usuarios poseen.
Esta charla pretende recorrer las distintas opciones y técnicas que
podemos implementar hoy en día para mejorar la experiencia de
todos nuestros usuarios, tanto en código HTML y CSS así como
también el uso correcto de JavaScript.
Introducción Prácticas Consultas
Un repaso de la charla y mis más de 10 años Plantearemos las opciones de desarrollo que Escucharé sus preguntas y trataremos de
en diseño y desarrollo web. poseemos hoy en día. llegar a resoluciones aptas.
Contacto
©JavierEspaña Web: javierespana.com / Blog: moonward.net / Twitter: @javierespana

2. SI TE INTERESA LA CHARLA
Y quieres que la exponga en un evento, empresa o
conferencia no dudes en contactarme a:
info@javierespana.com
Por favor no robes este material
JavierEspaña Contacto
Web: javierespana.com / Blog: moonward.net / Twitter: @javierespana 1
DISEÑO Y DESARROLLO WEB

3. PEQUEÑA INTRODUCCIÓN
JavierEspaña Contacto
Web: javierespana.com / Blog: moonward.net / Twitter: @javierespana 2
DISEÑO Y DESARROLLO WEB

4. UNAS PALABRAS SOBRE MÍ
javierespana.com
JavierEspaña Contacto
Web: javierespana.com / Blog: moonward.net / Twitter: @javierespana 3
DISEÑO Y DESARROLLO WEB

5. ALGUNOS DE MIS TRABAJOS
MTV EMA 2011 Steve Argyle Kid’s Choice Awards 2011
http://ema.mtv.co.uk/ http://www.steveargyle.com/ http://kca.mundonick.com/
JavierEspaña Contacto
Web: javierespana.com / Blog: moonward.net / Twitter: @javierespana 4
DISEÑO Y DESARROLLO WEB

6. ALGUNOS DE MIS TRABAJOS
Cuenca D’Amico MTV at the Movies Sunmesa Events
http://www.cuencadamico.com.ar/ http://movies.mtv.co.uk/ http://www.sunmesaevents.com/
JavierEspaña Contacto
Web: javierespana.com / Blog: moonward.net / Twitter: @javierespana 5
DISEÑO Y DESARROLLO WEB

7. ACERCA DE ESTA CHARLA
JavierEspaña Contacto
Web: javierespana.com / Blog: moonward.net / Twitter: @javierespana 6
DISEÑO Y DESARROLLO WEB

8. PROGRESSIVE
ENHANCEMENT
JavierEspaña Contacto
Web: javierespana.com / Blog: moonward.net / Twitter: @javierespana 7
DISEÑO Y DESARROLLO WEB

9. ¿QUÉ ES? ¿PARA QUÉ SIRVE?
Es una manera de encarar el desarrollo web para mejorar la experiencia del usuario
>
JavierEspaña Contacto
Web: javierespana.com / Blog: moonward.net / Twitter: @javierespana 8
DISEÑO Y DESARROLLO WEB

10. ¿SUENA FAMILAR?
Es fácil confundir el término con “Graceful Degradation”, pero no es lo mismo
JavierEspaña Contacto
Web: javierespana.com / Blog: moonward.net / Twitter: @javierespana 9
DISEÑO Y DESARROLLO WEB

11. TÉCNICAS HTML
JavierEspaña Contacto
Web: javierespana.com / Blog: moonward.net / Twitter: @javierespana 10
DISEÑO Y DESARROLLO WEB

12. MEJOREMOS EL CONTENIDO
Prestemos atención para usar tags semánticamente correctos
>
JavierEspaña Contacto
Web: javierespana.com / Blog: moonward.net / Twitter: @javierespana 11
DISEÑO Y DESARROLLO WEB

13. NUEVAS DECLARACIONES
Aprovechemos las nuevas definiciones de documentos de HTML5
>
JavierEspaña Contacto
Web: javierespana.com / Blog: moonward.net / Twitter: @javierespana 12
DISEÑO Y DESARROLLO WEB

14. USEMOS MICROFORMATOS
Con estos formatos a nuestro alcance podemos lograr mejoras en nuestros sitios
>
JavierEspaña Contacto
Web: javierespana.com / Blog: moonward.net / Twitter: @javierespana 13
DISEÑO Y DESARROLLO WEB

15. TAGS HTML5
Podemos usarlos hoy en día sin problemas, con o sin plug-ins
>
JavierEspaña Contacto
Web: javierespana.com / Blog: moonward.net / Twitter: @javierespana 14
DISEÑO Y DESARROLLO WEB

16. TÉCNICAS CSS
JavierEspaña Contacto
Web: javierespana.com / Blog: moonward.net / Twitter: @javierespana 15
DISEÑO Y DESARROLLO WEB

17. SELECTORES COMPLEJOS
Tomemos como un beneficio que ciertos navegadores no los soporten
+
JavierEspaña Contacto
Web: javierespana.com / Blog: moonward.net / Twitter: @javierespana 16
DISEÑO Y DESARROLLO WEB

18. BLOQUES @MEDIA
Cada usuario tiene sus necesidades y para nosotros es fácil diferenciarlos
+
JavierEspaña Contacto
Web: javierespana.com / Blog: moonward.net / Twitter: @javierespana 17
DISEÑO Y DESARROLLO WEB

19. MEJORAS CON CSS3
Hoy en día podemos aprovechar al máximo muchos aspectos de CSS3 sin problemas
>
JavierEspaña Contacto
Web: javierespana.com / Blog: moonward.net / Twitter: @javierespana 18
DISEÑO Y DESARROLLO WEB

20. MEJORAS CON CSS3
Hoy en día podemos aprovechar al máximo muchos aspectos de CSS3 sin problemas
>
JavierEspaña Contacto
Web: javierespana.com / Blog: moonward.net / Twitter: @javierespana 19
DISEÑO Y DESARROLLO WEB

21. TÉCNICAS JAVASCRIPT
JavierEspaña Contacto
Web: javierespana.com / Blog: moonward.net / Twitter: @javierespana 20
DISEÑO Y DESARROLLO WEB

22. SCRIPTS UNOBSTRUSIVE
Mantener los scripts separados del markup y lo más genéricos posibles
>
JavierEspaña Contacto
Web: javierespana.com / Blog: moonward.net / Twitter: @javierespana 21
DISEÑO Y DESARROLLO WEB

23. ¿USUARIOS SIN JS?
Siempre estar preparados para todos nuestros posibles visitantes
>
JavierEspaña Contacto
Web: javierespana.com / Blog: moonward.net / Twitter: @javierespana 22
DISEÑO Y DESARROLLO WEB

24. DUEÑOS DE SU MARKUP
Aprovechando la separación dejemos que el JS cree los elementos que necesite
>
JavierEspaña Contacto
Web: javierespana.com / Blog: moonward.net / Twitter: @javierespana 23
DISEÑO Y DESARROLLO WEB

25. CUIDADOS GENERALES
JavierEspaña Contacto
Web: javierespana.com / Blog: moonward.net / Twitter: @javierespana 24
DISEÑO Y DESARROLLO WEB

26. IMPORTANTES DETALLES
Cosas para no olvidar en nuestros desarrollos
Validar Minificar Técnicas / Scripts
JavierEspaña Contacto
Web: javierespana.com / Blog: moonward.net / Twitter: @javierespana 25
DISEÑO Y DESARROLLO WEB

27. ¡MUCHAS GRACIAS!
JavierEspaña Contacto
Web: javierespana.com / Blog: moonward.net / Twitter: @javierespana 26
DISEÑO Y DESARROLLO WEB

28. SIGAMOS EN CONTACTO
Web: javierespana.com
Blog: moonward.net
Twitter: @javierespana
¿PREGUNTAS?
JavierEspaña Contacto
Web: javierespana.com / Blog: moonward.net / Twitter: @javierespana 27
DISEÑO Y DESARROLLO WEB

29. ¡GRACIAS POR TODO!
JavierEspaña Contacto
Web: javierespana.com / Blog: moonward.net / Twitter: @javierespana 28
DISEÑO Y DESARROLLO WEB