Video Tutorial Visual Basic 2010 .Net Visual Studio 2010 2012

Asp .Net 4.0 Visual studio pdf

Tecnologías ASP.NET 4.0 (saltando desde la versión 2.0) by

Instalar y configurar Oracle Forms y reports 11g

Instalacion Forms y Reports Version 11 by

Extensiones para Firefox enfocadas en el diseño y desarrollo web

A lo largo de nuestra jornada laboral, seguramente, nos pasamos una importante proporción de horas delante de nuestro navegador, ya sea para pasar un rato navegando por la red o porque actúe como puerta de acceso a las aplicaciones que usamos a diario para desempeñar nuestro trabajo. En el caso de que trabajemos en el ámbito del desarrollo web, nuestro navegador es, sin duda, una pieza clave en nuestro día a día y una de las herramientas que más vamos a utilizar.

Gracias a la cantidad de extensiones que podemos encontrar para Firefox, Google Chrome u Opera podemos ampliar las funcionalidades de nuestro navegador para que se adapte a nuestras actividades laborales y, de hecho, si trabajamos en el ámbito del desarrollo web podemos encontrar un buen número de extensiones de navegador que nos ayuden en este sentido. Hace algún tiempo hablamos de recursos para Google Chrome que nos podían ayudar en el ámbito del desarrollo web y, en esta ocasión, vamos a retomar el tema pero con un enfoque distinto puesto que para Firefox también podemos encontrar una buen número de extensiones que pueden ayudarnos en nuestro trabajo.

• Mobile Firefox es una extensión que no requiere reiniciar el navegador tras su instalación que nos permite forzar la visualización de la versión móvil de una página web que estemos visitando. Dicho de otra forma, si tenemos esta extensión instalada y accedemos a una página web que ofrece una versión para dispositivos móviles, será esa la versión que visualicemos desde el escritorio (interesante para no tener que andar haciendo pruebas desde el móvil).
• colorPicker es un recurso interesante si, conforme vamos navegando, encontramos páginas web cuyo diseño nos gusta y nos sirve de inspiración para trabajar en nuestros proyectos. En este caso concreto, colorPicker nos permitirá averiguar, por ejemplo, el color de fondo de una página web determinada (tanto en RGB como en Hexadecimal) y usar dicho código en un CSS o en un HTML que estemos generando.
• Dummy Images es una curiosa utilidad que genera, a través de Firefox, imágenes de muestra del largo y ancho que indiquemos, algo así como un generador de texto Lorem Ipsum pero que en vez de generar el texto de relleno se centra en generar imágenes.
• SQL Inject Me es una herramienta que nos puede ayudar en la fase de pruebas de una página web que estemos desarrollando puesto que su cometido es comprobar aspectos vinculados a la seguridad de nuestra aplicación y el grado de inmunidad de la misma ante ataques por inyección de SQL.
• Magnifier es una extensión que tiene como cometido ayudarnos a depurar el diseño de nuestra página web y, para ello, nos proporciona una lupa dentro de Firefox para revisar "píxel a píxel" nuestro diseño y ajustar pequeños errores o desajustes dentro del layout o el CSS de nuestro proyecto.

• Broken Image Finder es otra extensión que tampoco requiere que reiniciemos el navegador tras su instalación y nos ofrece la posibilidad de detectar errores relativos a imágenes cuyos enlaces están rotos, es decir, imágenes que deberían verse en la página web que estamos visitando y que, sin embargo, no se pueden mostrar porque el archivo no funciona o no está accesible. Un recurso interesante para evitar fallos en la presentación de nuestros contenidos (sobre todos si hacemos hotlink).
• MeasureIt es una extensión similar a Ruul, eso sí, esta vez para Firefox. Esta extensión nos ofrece una regla con la que podremos realizar mediciones sobre el layout de una web y obtener medidas de áreas en píxeles para depurar nuestro diseño o saber, a ciencia cierta, el tamaño de imágenes que debemos utilizar en nuestros contenidos.
• Open With Photoshop es un curioso complemento que nos permite cierta integración de Firefox con Photoshop puesto que añade al menú de Firefox la posibilidad de abrir, directamente con Photoshop, una imagen que estemos viendo en una web para llevarla a edición.
• Holmsie es una extensión que añade a Firefox un validador de código HTML, por tanto, cuando visitemos una página web podremos lanzar una revisión con esta extensión y visualizar gráficamente aquellos aspectos en los que se han detectado errores que deberían subsanarse o aspectos que se podrían mejorar.
• phpMyAdmin Timeout Preventer es una extensión bastante singular que nos permite evitar los, a veces molestos, timeouts (caducidad de sesión) del PHPMyAdmin (la herramienta para trabajar con bases de datos a través del navegador). Con esta extensión podremos prolongar el tiempo en el que la sesión puede estar abierta e inactiva y evitaremos molestias a la hora de trabajar.

Recursos para evaluar la accesibilidad de nuestra web

A la hora de publicar un sitio web en Internet, uno de los aspectos en los que solemos prestar atención es que nuestra página web sea atractiva para los visitantes, es decir, tenga un buen diseño, la información sea fácil de encontrar, que la web sea usable y que, por supuesto, se visualice bien en cualquier navegador, ya sea de escritorio o móvil. Sin embargo, hay un detalle en el que no siempre se repara y, en mi opinión, también es importante: la accesibilidad; es decir, facilitar el acceso a la información a cualquier persona que sufra algún tipo de discapacidad (visual, auditiva, motora, etc).

Que nuestra web sea accesible contribuye a eliminar barreras de acceso a la información y, por supuesto, contribuye a que nuestro sitio web tenga un mayor número de usuarios potenciales puesto que facilitamos el acceso a la información mediante lectores de pantalla o extensiones como ChromeVis; un aspecto que en muchos países está regulado mediante normativas y leyes que obligan a ciertos sitios web a cumplir con pautas de accesibilidad (en España, por ejemplo, los sitios web de las Administraciones Públicas deben ser accesibles).

En este sentido, seguir las pautas de referencia como las que marca la WAI (Web Accessibility Initiative) del W3C pueden hacer que nuestro sitio web sea accesible y, por tanto, no presente barreras de entrada aunque, como nos podemos imaginar, no son las únicas pautas existentes y dependiendo del contexto que nos movamos (páginas oficiales, legislaciones nacionales a cumplir, etc) tendremos que tener en cuenta otras normas como, por ejemplo, la norma UNE 139803:2012 (que es la que aplica en España).

Pensar en una web accesible debería ser uno de los requisitos de diseño a la hora de abordar un proyecto de desarrollo web y, con la idea de facilitar las cosas, existen en la red un buen número de recursos que nos pueden ayudar a verificar que nuestra web es accesible o si existen detalles que aún debemos refinar para asegurarnos que la web está abierta a todos los usuarios:

• INTAV es un recurso que pone a disposición de los desarrolladores el INTECO (Instituto Nacional de Tecnologías de la Comunicación), un organismo dependiente del Ministerio de Industria de España que, además de encargarse de aspectos vinculados a la seguridad en Internet, también se encarga de trabajar en el ámbito de la accesibilidad web. El INTAV es un validador de código que nos permite analizar páginas web que tengamos ya en producción así como código HTML que subamos directamente a la aplicación para que ésta realice un análisis en base a los estándares de accesibilidad que define la WAI (A, AA y AAA) o bien los que se definen en la normativa española, es decir, la UNE 139803:2012. Tras realizar el análisis obtendremos un listado de aspectos a mejorar en nuestra y recomendaciones que deberíamos seguir para que nuestro sitio web sea accesible.
• TAW es un validador de código desarrollado por la Fundación CTIC (que es la organización encargada de gestionar la oficina del W3C en España) que nos ofrece la posibilidad de analizar nuestra página web en base a las pautas que marca la WAI (tanto en su versión 1.0 como en la reciente 2.0) y, como principal novedad, también realiza un análisis para ver el grado de accesibilidad de nuestra web a través de dispositivos móviles (un dato interesante si tenemos en cuenta que nuestros hábitos de acceso a Internet han cambiado y cada vez usamos más el móvil).

• CheckMyColours es un sitio web que nos ofrece un análisis de los colores utilizados en el diseño de nuestra web para ver si ofrecen el contraste suficiente como para que un usuario con discapacidad visual pueda acceder a los contenidos sin ningún tipo de problema. El informe está bastante bien y, por ejemplo, nos puede servir de base para plantearnos mejoras en el diseño de nuestra web o, simplemente, validar el diseño que tenemos y obtener los ajustes que debemos realizar para que nuestra web no presente problemas de accesibilidad.
• Color Filter es otra forma de realizar análisis de los colores de nuestra página web, eso sí, con la particularidad que la herramienta nos pone en el lugar de nuestros visitantes. Esta herramienta nos ofrece una visión muy distinta de nuestra página web puesto que aplica filtros simulando problemas de visión (como el daltonismo) y nos ofrece una imagen de cómo se vería nuestra página web para que verifiquemos que el contenido sigue estando accesible y no existen barreras de entrada a la información que estén sujetas a los colores de nuestro diseño.
• Web Accessibility Toolbar es una barra de herramientas desarrollada por The Paciello Group para Internet Explorer (aunque también está disponible para Opera) con la que podremos realizar un análisis de las páginas web que visitamos (o mantenemos) y detectar aspectos a mejorar para que éstas sean más accesibles. Podremos realizar un análisis para verificar el código HTML generado, analizar las imágenes (para ver si presentan un texto alternativo), revisar el código en busca de tablas o, incluso, analizar el CSS entre otras cosas.

En nuestra mano está contribuir a que Internet sea accesible a todos los usuarios y, con la ayuda de estas herramientas, quizás podamos ajustar nuestras webs para que éstas sean mucho más accesibles.