Embed Size (px)
Citation preview
“Herramientas para construcción y pruebade sitios Web”
Rogelio Ferreira Escutia
Control de Versiones
“GitHub", https://github.com/, noviembre 2013 3
“Kenai", https://kenai.com/, noviembre 2013 4
Diseño de tipografía
“TypeWonder", http://typewonder.com/show, noviembre 2013 6
“FontFonter", http://typewonder.com/show, noviembre 2013 7
“Webtype Font Swapper", http://www.webtype.com/tools/swapper/, noviembre 2013 8
“Web Fonts Preview", http://www.webfontspreview.com//, noviembre 2013 9
Análisis de Código
11- .
El validador de la W3C nos permite evaluar si un sitioWeb cumple con los estándares de HTML.
Validar código HTML5
“The W3C Markup Validation Service", http://validator.w3.org/, noviembre 2013
12- .“The W3C Markup Validation Service", http://validator.w3.org/, noviembre 2013
13- .
El validador de la W3C nos permite evaluar si un sitioWeb cumple con los estándares de CSS3.
Validar CSS3
“El servicio de validación de CSS del W3C", http://jigsaw.w3.org/css-validator/, noviembre 2013
14- .“El servicio de validación de CSS del W3C", http://jigsaw.w3.org/css-validator/, noviembre 2013
“infohound", http://infohound.net/tidy/, noviembre 2013 15
“Firebug", https://addons.mozilla.org/es/firefox/addon/firebug/, noviembre 2013 16
“Firebug", https://addons.mozilla.org/es/firefox/addon/firebug/, noviembre 2013 17
Análisis de Navegadores
19- .
Con “html5test.com” podemos verificar el grado desoporte del navegador con respecto al estándarHTML5.
Soporte de HMTL5 de un navegador
“HTML5test", http://html5test.com/, noviembre 2013
20- .
Soporte de HMTL5 (Chrome 31)
“HTML5test", http://html5test.com/, noviembre 2013
“Browsershots", http://browsershots.org/, noviembre 2013 21
Previsualizar en diferentes navegadores
“Fishbowl", http://ie.microsoft.com/testdrive/Performance/FishBowl/, noviembre 2013 22
23- .
Por medio de esta página web podemos verificar sinuestro navegador soporta el estándar de WebGL.
Soporte de WebGL
“Your browser supports WebGL", http://get.webgl.org/, noviembre 2013
24- .
Soporte de WebGL
“Your browser supports WebGL", http://get.webgl.org/, noviembre 2013
Análisis de Accesibilidad
26- .
El validador nos permite evaluar si un sitio cumple conlos estándares de Accesibilidad.
Validar Accesibilidad
“TAW - Servicios de Accesibilidad y movilidad Web", http://www.tawdis.net/, noviembre 2013
27- .
Validar Accesibilidad
“TAW - Servicios de Accesibilidad y movilidad Web", http://www.tawdis.net/, noviembre 2013
28- .
Validar Accesibilidad
“TAW - Servicios de Accesibilidad y movilidad Web", http://www.tawdis.net/, noviembre 2013
Análisis de Navegabilidad
30- .
Por medio de Lynx, se puede navegador en modotexto, sin CSS, ni fotos, ni videos, verificando lafacilidad de navegación.
Análisis de Navegabilidad
“Lynx", http://lynx.browser.org/, noviembre 2013
31- .
Análisis de Navegabilidad (Lynxlet)
“Lynxlet", http://habilis.net/lynxlet/, noviembre 2013
Análisis deRWD
“RWD", http://jhanno.net/RWD/ejercicio002/c/, noviembre 2013 33
“Layoouit!", http://www.layoutit.com/build, noviembre 2013 34
Análisis deDispositivos Móviles
36- .
El validador nos permite evaluar si un sitio cumple conlos estándares de Accesibilidad.
Validar Accesibilidad Móvil
“TAW - Servicios de Accesibilidad y movilidad Web", http://www.tawdis.net/#mobileok, noviembre 2013
37- .
Validar Accesibilidad Móvil
“TAW - Servicios de Accesibilidad y movilidad Web", http://www.tawdis.net/#mobileok, noviembre 2013
38- .
Validar Accesibilidad Móvil
“TAW - Servicios de Accesibilidad y movilidad Web", http://www.tawdis.net/#mobileok, noviembre 2013
“Screenfly", http://quirktools.com/screenfly/, noviembre 2013 39
Análisis de Velocidadde carga/descarga
“Speedtest", http://www.speedtest.net/, noviembre 2013 41
“pingdom", http://tools.pingdom.com/fpt/, noviembre 2013 42
“Web Page Analyzer", http://websiteoptimization.com/services/analyze/, noviembre 2013 43
Análisis de Ranking
“Alexa", http://www.alexa.com/siteinfo/xumarhu.net, noviembre 2013 45
“Load Impact", http://loadimpact.com/, noviembre 2013 46
“woorank", http://www.woorank.com/es/, noviembre 2013 47
“Google Analytics", http://www.google.com/analytics/features/index.html, noviembre 2013 48
Rogelio Ferreira Escutia
Instituto Tecnológico de MoreliaDepartamento de Sistemas y Computación
Correo: [email protected] [email protected]
Página Web: http://antares.itmorelia.edu.mx/~kaos/http://www.xumarhu.net/
Twitter: http://twitter.com/rogeplusFacebook: http://www.facebook.com/groups/xumarhu.net/
