XanelaWeb - Diseño, web y nuevas tecnologías http://www.xanelaweb.com Blog personal sobre nuevas tecnologías, programación, diseño, maquetación web e internet. Fri, 04 Jun 2010 22:32:57 +0000 en hourly 1 http://wordpress.org/?v=3.0 Un sistema Captcha Drag And Drop http://www.xanelaweb.com/un-sistema-captcha-drag-and-drop/ http://www.xanelaweb.com/un-sistema-captcha-drag-and-drop/#comments Sun, 06 Dec 2009 23:46:15 +0000 Javier Otero http://www.xanelaweb.com/?p=3434 Los sistemas captchas son utilizados para evitar que robots, también llamados spambots, puedan utilizar ciertos servicios. Por ejemplo, para que no puedan participar en encuestas, registrarse para usar cuentas de correo electrónico (o su uso para envío de correo basura) o, más recientemente, para evitar que correo basura pueda ser enviado por un robot (el remitente debe pasar el test antes de que se entregue al destinatario).

La típica prueba consiste en que el usuario introduzca un conjunto de caracteres que se muestran en una imagen distorsionada que aparece en pantalla. Se supone que una máquina no es capaz de comprender e introducir la secuencia de forma correcta por lo que solamente el humano podría hacerlo. Pero con el avanzado software de reconocimiento de caracteres que existen hoy en día, es cada vez más habitual encontrarse con aplicaciones que pueden saltarse eficazmente este sistema.

ajaxcaptcha

Para ayudar a proteger tus páginas web de los spammers, podemos encontrarnos con nuevos sistema que de una forma intuitiva ayudan a verificar la “humanidad” de la persona que introduce la información. Ajax Fancy Captcha es un plugin de jQuery que funciona de una forma totalmente distinta, pidiéndonos arrastrar y soltar un objeto solicitado a un círculo.

Su instalación es rápida y sencilla, permitiéndonos fácilmente configurar las opciones básicas y realizar la traducción de los textos que se incluyen, y todo ello con un tamaño mínimo del script.

Página web | Descarga

]]> http://www.xanelaweb.com/un-sistema-captcha-drag-and-drop/feed/ 0 Interfaces de usuario para personas con ceguera al color http://www.xanelaweb.com/interfaces-de-usuario-para-personas-con-ceguera-al-color/ http://www.xanelaweb.com/interfaces-de-usuario-para-personas-con-ceguera-al-color/#comments Thu, 01 Oct 2009 07:24:09 +0000 Javier Otero http://www.xanelaweb.com/?p=2927 wearecolorblind-500x375

Un 8% de la población masculina mundial tiene algún tipo de ceguera al color, para ellos algunas de nuestras elecciones de color para diseños van más allá de lo meramente estético y pueden suponer una barrera a la hora de acceder a la información.

We Are Colorblind es un sitio donde encontrarás gran cantidad de patrones de diseño web comentados por Tom van Beveren, un joven desarrollador con ceguera al color, que nos ayudará a comprender como interactuan con la web las personas con esta deficiencia visual.

Tom recopila patrones de interfaces que consisten en una breve explicación del uso del patrón, los problemas que pueden encontrar las personas ciegas al color y una serie de soluciones con las que solventar esas dificultades.

Sin duda, un recurso excelente para que, aquellos que no tenemos problemas con los colores, seamos capaces de ponernos en el lugar de quienes si los tienen y diseñar interfaces en las que el uso de colores no suponga una barrera.

Vía Webmasterlibre

]]> http://www.xanelaweb.com/interfaces-de-usuario-para-personas-con-ceguera-al-color/feed/ 0 La importancia de un menú de navegación http://www.xanelaweb.com/la-importancia-de-un-menu-de-navegacion/ http://www.xanelaweb.com/la-importancia-de-un-menu-de-navegacion/#comments Thu, 17 Sep 2009 16:06:01 +0000 Pedro Otero http://www.xanelaweb.com/?p=2578 Hoy por hoy cualquier creativo Web, tiene que ser capaz de recurrir a muchos estilos diferentes en función del proyecto en el que este trabajando y está claro que en lo referente a la Web, es de mucha importancia un buen menú de navegación, que sea claro, sencillo y ¿grande?

Dado que la tendencia actual en diseño es de menús gráficos grandes, creo que sería una buena idea que ofrecer un poco de inspiración.

0001

0002

0003

0005

0006

0007

]]> http://www.xanelaweb.com/la-importancia-de-un-menu-de-navegacion/feed/ 0 Las verdades del SEO http://www.xanelaweb.com/las-verdades-del-seo/ http://www.xanelaweb.com/las-verdades-del-seo/#comments Thu, 17 Sep 2009 09:48:38 +0000 Pedro Otero http://www.xanelaweb.com/?p=2569 Cada día es más habitual ver empresas o expertos en SEO que nos dicen saber como funciona realmente el pagerank de Google o de cómo posicionar mejor nuestro sitio Web con sus propias teorías, y en realidad nos confunden con teorías que no son posicionamiento.

A continuación podremos ver unos videos de Matt Cutts que pueden arrojar algo de luz sobre ese oscuro camino del posicionamiento en buscadores. Los videos están alojados en Youtube y ya disponemos de más de 100 para poder sacar nuestras propias conclusiones.

SEO

Las verdades del SEO

]]> http://www.xanelaweb.com/las-verdades-del-seo/feed/ 0 OpenID 2.0 un alivio para nuestra memoria http://www.xanelaweb.com/openid-2-0-un-alivio-para-nuestra-memoria/ http://www.xanelaweb.com/openid-2-0-un-alivio-para-nuestra-memoria/#comments Wed, 16 Sep 2009 10:49:20 +0000 Pedro Otero http://www.xanelaweb.com/?p=2542 Si no recuerdas todas las contraseñas o te pasas el día cubriendo formularios de registro para acceder a los distintos sitio Web, esta herramienta te dará un respiro. OpenID es una herramienta segura y muy rápida para poder acceder de forma fácil a sitios Web que requieran registro de usuario.

En caso de ser uno de los que utilizar uno o varios de estos servicios web puedes estar de suerte. Google, Yahoo, livejournal, hyves, Blogger, flirk, orange, myspace, wordpress, aol, paypal, Equifax, facebook, ya que podrás utilizar este proyecto de descentralización de la identidad online.

Con crecimiento espectacular ya que no sólo más de 8.000 sitios Web, aceptan en la actualidad, OpenID, sino que además, sus usuarios aumentan a un ritmo del 5% semanal.

OpenID

http://openid.net/

]]> http://www.xanelaweb.com/openid-2-0-un-alivio-para-nuestra-memoria/feed/ 0 Mod-Rewrite http://www.xanelaweb.com/mod-rewrite/ http://www.xanelaweb.com/mod-rewrite/#comments Thu, 06 Aug 2009 07:33:34 +0000 Javier Otero http://www.xanelaweb.com/?p=1096 mod_rewrite_logo

Mod-rewrite es un módulo que permite reescritura de direcciones url, generalmente utilizado para transformar páginas dinámicas php en páginas estáticas html para así hacer que sean mas fáciles de recordar y mejorar su indexación por los buscadores.

Este módulo funciona editando el fichero .htaccess. .htaccess es un archivo de texto oculto que puede encontrarse en cada uno de los directorios públicos de los servidores web. Estos archivos contienen una serie de directivas para el servidor Apache que se aplicaran en el directorio donde se encuentra el fichero y en sus subdirectorios también, es decir cuando al servidor le llega una petición de una url, el servidor irá a buscar si en el fichero .htaccess existe alguna directiva para dicha página y si la encuentra la aplicará. Estas directivas las escribes tu mismo editando este fichero. Aquí es donde encontramos el segundo inconveniente, hay algunos proveedores de alojamiento web que no permiten editar los ficheros .htaccess libremente y que limitan las directivas que puedas añadir, así que si está en tu mano escoger el servidor no dudes en informarte sobre el acceso a estos ficheros ya que no sólo te servirán para las urls amigables sino que tienen múltiples utilidades muy interesantes.

Para saber qué se puede o no incluir en este fichero .htaccess, tienes toda la documentación disponible en los manuales de Apache.

Otra forma de añadir las directivas oportunas en este fichero, es utilizar generadores automáticos, donde seleccionas la configuración para indicar cómo quieres ver el enlace final, y directamente te dan el código que debes añadir en el fichero.

]]> http://www.xanelaweb.com/mod-rewrite/feed/ 0 Manuales de accesibilidad de INTECO http://www.xanelaweb.com/manuales-de-accesibilidad-de-inteco/ http://www.xanelaweb.com/manuales-de-accesibilidad-de-inteco/#comments Sun, 05 Jul 2009 08:59:19 +0000 Javier Otero http://www.xanelaweb.com/?p=161 LOGO_INTECO153

INTECO ha creado el Centro de Referencia en Accesibilidad y Estándares Web con el objetivo de permitir que las páginas web pertenecientes a la Administración General del Estado, puedan ser visitadas y utilizadas por el mayor número de personas, independientemente de sus propias limitaciones o las derivadas de su entorno, revisando para ello el grado de accesibilidad y cumplimiento de estándares, ofreciendo soporte y formación a la AGE, realizando estudios de observatorio y desarrollando un área de I+D+i, que asegure el cumplimiento de las pautas propuestas y su adecuación a las Leyes de Servicios de la Sociedad de la Información y de Igualdad de Oportunidades, No Discriminación y Accesibilidad Universal de las personas con discapacidad.

Dentro de este plan, ha creado una serie de manuales de accesibilidad, buenas prácticas y ténicas SEO, disponibles para descarga desde su página web.

Guías de comprobación:

Accesibilidad y Calidad

Guía Técnicas SEO

Accesibilidad PDF

Accesibilidad Flash

Guía práctica SMIL

Estudios e informes

http://www.inteco.es/

]]> http://www.xanelaweb.com/manuales-de-accesibilidad-de-inteco/feed/ 0