Estándares web y soporte en navegadores
•
0 j'aime•1,371 vues
Document Freedom Day 2011, Panama
Recommandé
Contenu connexe
Tendances
Tendances (17)
En vedette
En vedette (8)
Similaire à Estándares web y soporte en navegadores
Similaire à Estándares web y soporte en navegadores (20)
Dernier
Dernier (20)
Estándares web y soporte en navegadores
- 1. Estándares web y el soporte en navegadores Demóstenes García
- 3. El Problema
- 5. • El cliente = Usuario final del sitio. • El zapatero = El desarrollador del sitio. No tendrá que hacer múltiples versiones. • Medidas predefinidas = estándares web. • Resultado = todos felices = ☺☺☺
- 6. ¿Qué son los estándares web?
- 9. Ok… pero ¿cuál es el fin?
- 11. Consistencia
- 13. Reduce costos
- 16. ¿Cómo sigo los estándares?
- 17. Sigue el checklist: ¿Usas un correcto Doctype? (strict, etc.) ¿Usas un correcto Character set? ¿Escribes código válido (HTML, CSS, etc.)? ¿Qué tal es el rendimiento? ¿Separaste el CSS y el HTML? ¿Verificaste si es fácil de acceder (alt, forms, em en vez de px, etc.)? ¿Sigue una jerarquía? ¿Funciona sin estilos? Revisar semántica
- 18. Código XHTML estandarizado <!DOCTYPE html PUBLIC "‐//W3C//DTD XHTML 1.0 Transitional//EN" Doctype "http://www.w3.org/TR/xhtml1/DTD/xhtml1‐ transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http‐equiv="Content‐Type" content="text/html; charset=utf‐8" /> Charset <title>Hola Mundo</title> <style type="text/css" media="screen"> body {font‐size : 1.1em} CSS separado </style> </head> <body> <h1>Hola Mundo</h1> Jerarquía <p>Lorem Ipsum dolor sit amet</p> Y semántica </body> </html>
- 19. El soporte en los navegadores
- 20. Muchos de donde escoger… • Google Chrome. • Opera. • Firefox. • Internet Explorer. • Maxthon. • SeaMonkey. • Amaya. • Safari. • Konqueror.
- 21. Lastimosamente, no todos son iguales… (y algunos se encargan de darnos horas innecesarias de trabajo extra)
- 23. Motores de renderizado • Gecko: Mozilla -> Firefox, SeaMonkey. • Trident: Microsoft -> Internet Explorer. • Presto: Opera. • KHTML engine: KDE -> Konqueror – WebKit: Apple -> Safari, Google -> Chrome • Javascript: Nitro (Safari), TraceMonkey (Firefox 4), Carakan (Opera), V8 (Chrome), Chakra (IE 9).
- 24. Los “Acid Tests”
- 25. ¿Qué son los “Acid Tests”? • Son pruebas hechas por la WSP. • Ponen a prueba los navegadores. • Revisan el soporte de los navegadores y los estándares soportados. • Acid1 (1998): CSS 1.0. • Acid2 (2005): HTML, CSS 2, PNG, data URI. • Acid3 (2007): Acid2 + DOM Nivel 2 y ECMASscript.
- 26. Respuestas Acid2 y Acid3 Más información: http://www.acidtests.org/
- 27. Resultados Acid3 Explorador Versión Puntaje Internet Explorer 6 12/100 Internet Explorer 7 14/100 Internet Explorer 8 20/100 Internet Explorer 9 95/100 Firefox 3.7 96/100 Firefox 4 97/100 Google Chrome 4 a 10 100/100 Safari 5 100/100 Opera 11 100/100 Blackberry BB OS 6 100/100 Opera Mini 5 98/100
- 33. Para usuarios • Escoge un explorador adecuado. • Mantén tu explorador actualizado y usa exploradores que lo hagan a menudo. • Contribuye con la educación.
- 34. Para desarrolladores • Siempre implementar con estándares. • Mantenerse actualizado. • Si no has leído sobre CSS3 y HTML5 ya es hora de comenzar. • Promueve el uso de navegadores que cumplen con estándares. • Promueve las buenas prácticas. • Usa el checklist ☺
- 35. Links de interés • http://www.webdevout.net/browser- support • http://www.acidtests.org/ • http://en.wikipedia.org/wiki/Comparison_o f_web_browsers • http://www.webstandards.org/ • http://www.w3.org/
- 36. Contacto • Web: http://www.demogar.com • Blog: http://blog.demogar.com • Twitter: @demogar • E-mail: me@demogar.com • Github: http://www.github.com/demogar
- 37. Estándares Web y el Soporte en Navegadores by Demostenes Garcia is licensed under a Creative Commons Reconocimiento-NoComercial-CompartirIgual 3.0 Unported License. http://creativecommons.org/licenses/by-nc-sa/3.0/