“Herramientas para construcción y prueba de sitios Web” Rogelio Ferreira Escutia
Control de Versiones
“GitHub", https://github.com/, noviembre 2013
“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 “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
Validar código HTML5 El validador de la W3C nos permite evaluar si un sitio Web cumple con los estándares de HTML. “The W3C Markup Validation Service", http://validator.w3.org/, noviembre 2013 - . 11
“The W3C Markup Validation Service", http://validator. w3 “The W3C Markup Validation Service", http://validator.w3.org/, noviembre 2013 - . 12
Validar CSS3 El validador de la W3C nos permite evaluar si un sitio Web cumple con los estándares de CSS3. “El servicio de validación de CSS del W3C", http://jigsaw.w3.org/css-validator/, noviembre 2013 - . 13
“El servicio de validación de CSS del W3C", http://jigsaw. w3 “El servicio de validación de CSS del W3C", http://jigsaw.w3.org/css-validator/, noviembre 2013 - . 14
“infohound", http://infohound.net/tidy/, noviembre 2013 15
“Firebug", https://addons. mozilla “Firebug", https://addons.mozilla.org/es/firefox/addon/firebug/, noviembre 2013 16
“Firebug", https://addons. mozilla “Firebug", https://addons.mozilla.org/es/firefox/addon/firebug/, noviembre 2013 17
Análisis de Navegadores
Soporte de HMTL5 de un navegador Con “html5test.com” podemos verificar el grado de soporte del navegador con respecto al estándar HTML5. “HTML5test", http://html5test.com/, noviembre 2013 - . 19
Soporte de HMTL5 (Chrome 31) “HTML5test", http://html5test.com/, noviembre 2013 - . 20
Previsualizar en diferentes navegadores “Browsershots", http://browsershots.org/, noviembre 2013 21
“Fishbowl", http://ie. microsoft “Fishbowl", http://ie.microsoft.com/testdrive/Performance/FishBowl/, noviembre 2013 22
Soporte de WebGL Por medio de esta página web podemos verificar si nuestro navegador soporta el estándar de WebGL. “Your browser supports WebGL", http://get.webgl.org/, noviembre 2013 - . 23
Soporte de WebGL “Your browser supports WebGL", http://get.webgl.org/, noviembre 2013 - . 24
Análisis de Accesibilidad
Validar Accesibilidad El validador nos permite evaluar si un sitio cumple con los estándares de Accesibilidad. “TAW - Servicios de Accesibilidad y movilidad Web", http://www.tawdis.net/, noviembre 2013 - . 26
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
Análisis de Navegabilidad
Análisis de Navegabilidad Por medio de Lynx, se puede navegador en modo texto, sin CSS, ni fotos, ni videos, verificando la facilidad de navegación. “Lynx", http://lynx.browser.org/, noviembre 2013 - . 30
Análisis de Navegabilidad (Lynxlet) “Lynxlet", http://habilis.net/lynxlet/, noviembre 2013 - . 31
Análisis de RWD
“RWD", http://jhanno.net/RWD/ejercicio002/c/, noviembre 2013 33
“Layoouit!", http://www.layoutit.com/build, noviembre 2013 34
Análisis de Dispositivos Móviles
Validar Accesibilidad Móvil El validador nos permite evaluar si un sitio cumple con los estándares de Accesibilidad. “TAW - Servicios de Accesibilidad y movilidad Web", http://www.tawdis.net/#mobileok, noviembre 2013 - . 36
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
“Screenfly", http://quirktools.com/screenfly/, noviembre 2013 39
Análisis de Velocidad de carga/descarga
“Speedtest", http://www.speedtest.net/, noviembre 2013 41
“pingdom", http://tools.pingdom.com/fpt/, noviembre 2013 42
“Web Page Analyzer", http://websiteoptimization “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 “Google Analytics", http://www.google.com/analytics/features/index.html, noviembre 2013 48
Rogelio Ferreira Escutia Instituto Tecnológico de Morelia Departamento de Sistemas y Computación Correo: rogeplus@gmail.com rogelio@itmorelia.edu.mx Página Web: http://antares.itmorelia.edu.mx/~kaos/ http://www.xumarhu.net/ Twitter: http://twitter.com/rogeplus Facebook: http://www.facebook.com/groups/xumarhu.net/