“Herramientas para construcción y prueba

Presentación del tema: "“Herramientas para construcción y prueba"— Transcripción de la presentación:

1 “Herramientas para construcción y prueba
de sitios Web” Rogelio Ferreira Escutia

2 Control de Versiones

3 “GitHub", https://github.com/, noviembre 2013

4 “Kenai", https://kenai.com/, noviembre 2013
4

5 Diseño de tipografía

6 “TypeWonder", http://typewonder.com/show, noviembre 2013
6

7 “FontFonter", http://typewonder.com/show, noviembre 2013
7

8 “Webtype Font Swapper", http://www. webtype
“Webtype Font Swapper", noviembre 2013 8

9 “Web Fonts Preview", http://www.webfontspreview.com//, noviembre 2013
9

10 Análisis de Código

11 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", noviembre 2013 - . 11

12 “The W3C Markup Validation Service", http://validator. w3
“The W3C Markup Validation Service", noviembre 2013 - . 12

13 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", noviembre 2013 - . 13

14 “El servicio de validación de CSS del W3C", http://jigsaw. w3
“El servicio de validación de CSS del W3C", noviembre 2013 - . 14

15 “infohound", http://infohound.net/tidy/, noviembre 2013
15

16 “Firebug", https://addons. mozilla
“Firebug", noviembre 2013 16

17 “Firebug", https://addons. mozilla
“Firebug", noviembre 2013 17

18 Análisis de Navegadores

19 Soporte de HMTL5 de un navegador
Con “html5test.com” podemos verificar el grado de soporte del navegador con respecto al estándar HTML5. “HTML5test", noviembre 2013 - . 19

20 Soporte de HMTL5 (Chrome 31)
“HTML5test", noviembre 2013 - . 20

21 Previsualizar en diferentes navegadores
“Browsershots", noviembre 2013 21

22 “Fishbowl", http://ie. microsoft
“Fishbowl", noviembre 2013 22

23 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", noviembre 2013 - . 23

24 Soporte de WebGL “Your browser supports WebGL", noviembre 2013 - . 24

25 Análisis de Accesibilidad

26 Validar Accesibilidad
El validador nos permite evaluar si un sitio cumple con los estándares de Accesibilidad. “TAW - Servicios de Accesibilidad y movilidad Web", noviembre 2013 - . 26

27 Validar Accesibilidad
“TAW - Servicios de Accesibilidad y movilidad Web", noviembre 2013 - . 27

28 Validar Accesibilidad
“TAW - Servicios de Accesibilidad y movilidad Web", noviembre 2013 - . 28

29 Análisis de Navegabilidad

30 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", noviembre 2013 - . 30

31 Análisis de Navegabilidad (Lynxlet)
“Lynxlet", noviembre 2013 - . 31

32 Análisis de RWD

33 “RWD", http://jhanno.net/RWD/ejercicio002/c/, noviembre 2013
33

34 “Layoouit!", http://www.layoutit.com/build, noviembre 2013
34

35 Análisis de Dispositivos Móviles

36 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", noviembre 2013 - . 36

37 Validar Accesibilidad Móvil
“TAW - Servicios de Accesibilidad y movilidad Web", noviembre 2013 - . 37

38 Validar Accesibilidad Móvil
“TAW - Servicios de Accesibilidad y movilidad Web", noviembre 2013 - . 38

39 “Screenfly", http://quirktools.com/screenfly/, noviembre 2013
39

40 Análisis de Velocidad de carga/descarga

41 “Speedtest", http://www.speedtest.net/, noviembre 2013
41

42 “pingdom", http://tools.pingdom.com/fpt/, noviembre 2013
42

43 “Web Page Analyzer", http://websiteoptimization
“Web Page Analyzer", noviembre 2013 43

44 Análisis de Ranking

45 “Alexa", http://www.alexa.com/siteinfo/xumarhu.net, noviembre 2013
45

46 “Load Impact", http://loadimpact.com/, noviembre 2013
46

47 “woorank", http://www.woorank.com/es/, noviembre 2013
47

48 “Google Analytics", http://www. google. com/analytics/features/index
“Google Analytics", noviembre 2013 48

49 Rogelio Ferreira Escutia
Instituto Tecnológico de Morelia Departamento de Sistemas y Computación Correo: Página Web: Twitter: Facebook: