Herramientas para construcción y prueba de sitios...

“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: rogeplus@gmail.com rogelio@itmorelia.edu.mx

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/