Contenido

Buenas prácticas en la implementación de formularios

22 Nov

+ 2

Los formularios, detrás de los enlaces son los elementos que hacen posible la web. Gracias a ellos podemos comunicarnos con otras páginas, en las que podemos comentar, subir archivos e interactuar con el servidor desde nuestro navegador. 

Por eso debemos darle una especial importancia a la hora de implementarlos. Para ello seguiremos unas buenas prácticas que nos asegurarán que funcionen de la forma más óptima y correcta.

  1. Formularios de una sola página.
  2. Si hace falta pagina
  3. Minimiza los datos solocitados
  4. Usa ajax para mejorar el formulario, no lo hagas dependiente de él.
  5. No seas muy agresivo con la validación javascript, guía al usuario.
  6. Usa elementos <label />
  7. Si puedes, mejora la estética de los <input type=”file” />

Nace Faz, la revista de diseños de interacción

19 Nov

+ 1

Via Yusef (HCNet) y Cadius descubro que la Revista Faz nº1 ha sido publicada. Faz es una nueva revista centrada en el diseño de interacción, un término algo desconocido por la comunidad de webmasters pero realmente interesante y sobretodo importantísimo para conseguir una internet para seres humanos.

revistafaz.JPG

Primer número de Faz

Ofusca tu email con Javascript

15 Nov

+ 2

Hace unos días vimos como los chicos de A List Apart comentaban un sistema para ofuscar los emails en nuestras aplicaciones. Algo que por desgracia nos vemos obligados a usar en nuestras aplicaciones para evitar usos malintencionados con nuestras direcciones de correo.

Soluciones basadas en Javascript suponen un problema de accesibilidad que puede dejar fuera de juego a los usuarios que no tengan activado este lenguaje en su navegador. Pero pocas son las soluciones para conseguir ofuscar nuestra dirección.

Con No-spam Email Address Ofuscator, podemos generar un pequeño código javascript que nos ofuscará nuestra dirección, convirtiendola en un enlace con un texto personalizado.

<script type="text/javascript" language="javascript">
<!--
// no-spam Email Address Obfuscator, Eric Reif, http://crazydrumguy.com
document.write(String.fromCharCode(60,97,32,104,114,101,102,61,34,109,97,105,108,116,111,58,97,110,105,101,116,111,50,107,53,64,103,109,97,105,108,46,99,111,109,34,62,77,105,32,101,77,97,105,108,60,47,97,62))
// -->
</script>
<noscript>Sorry, this email address is protected from spammers by JavaScript. You must have JavaScript enabled to see it.</noscript>

7 reglas de oro para hacer un javascript no obstructivo

14 Nov

+ 2

Con la llegada de Ajax, la llegada de la lógica de negocio a las aplicaciones web y sobretodo al cliente han producido un incremento del javascript usado en las mismas. El motivo es la funcionalidad que se puede llegar a conseguir en el cliente aligerando el número de recargas de página en nuestras aplicaciones.

Al incrementarse el javascript, innevitablemente estamos haciendo Javascript dependientes nuestras aplicaciones. Mucha gente me dice que el 96% de los usuarios de Internet tienen Javascript activado en su navegador y tienen razón, pero ¿que pasa con ese 4% restante? ¿nos olvidamos de ellos?

Para evitar tener que hacernos esta comprometida pregunta, ya que no creo que ningún cliente quiera pensar… ¿no han pensado en mi?, podemos salir del paso haciendo un uso inteligente de Javascript y dando siempre un camino alternativo a los usuarios que no disponen de este lenguaje activado en su navegador. Para ello, siguiendo una serie de pautas podremos conseguir que nadie se quede fuera de nuestra aplicación.

Continua —>

Impresionante menú CSS para nuestras aplicaciones

30 Oct

+ 2

Si estás buscando una forma elegante y diferente de maquetar el menú de tu aplicación, deberías echarle un vistazo a este. Completamente desarrollado en CSS y pensado para no perder su funcionalidad en todos los navegador. [Demo][Descargar]

Aún no sabes que es Hijax

23 Oct

+ 0

Si eres los que aún no saben que es Hijax, Olga Carreras se encarga de contarnos sus impresiones sobre este palabro que tanto usamos los desarrolladores web. Aupa HIJAX!!!

Accesible News Slider, un slider que cumple las reglas del WCAG1.0

31 Ago

+ 2

Accesible News Slider, es un slider que se autopromociona indicando que cumple las reglas de accesibilidad marcadas en el WCAG 1.0. Y la verdad es que no es para menos, ya que este plugin para jQuery de tan solo 2kb de peso hace las delicias de más de uno.[Demo][Descargar][Via]

Odio los refrescos no deseados

12 Jul

+ 4

Por desgracia para mi, soy un lector lento, osea no tardo una hora en leer una noticia, pero si que tardo más de lo que tarda una persona normal ( o eso creo), y por ese motivo ODIO, con toda mi alma los refrescos involuntarios.

<meta http-equiv="refresh" content="600" />

¿Por que no se han extinguido?

Uno de los problemas de usabilidad que produce el uso de Ajax en las aplicaciones web son las recargas parciales no informadas, o en otras palabras, cargo en este <div /> lo que quiero y cuando quiero, por este motivo impera el uso de Imagenes giratórias para informarnos que está ocurriendo algo, de esta forma el usuario no se asusta al ver que lo que estaba leyendo ha cambiado por arte de mágia, como si Harry Potter hiciera de las suyas con tu página.

El uso del meta refresh, además de no informar al usuario de que se va a producir una recarga, te posiciona en la parte superior de la página haciendo que pierdas el punto de lectura, Entonces, ¿por que no te avisan o te dan la oportunidad evitar esto? ¿No debería estar en manos del usuario controlar la recarga de la página?

Firefox3: Gran Paraiso, ¿apostará por los GUI de teclado?

7 Jul

+ 5

Hoy leo de Alex Faaborg, de Mozilla Labs, un interesante artículo sobre los interfaces gráficos basados en el teclado, unos sistemas muy cómodos y poco explotados.

quicksilver.png

MacOs, es sin duda el Sistema Operativo con mayor implementación sobre este tema, ya que es posible llegar a cualquier parte del Sistema sin tener que usar el ratón para nada, usando QuickSilver o SpotLight. Pero pese a tanta implementación está a años luz del control que ofrece la consola de comandos de Linux.

Alex, nos muestras unas imagenes basadas en unas ideas que ha tenido sobre este tema aplicadas al nuevo Firefox 3: Gran Paraiso, y la verdad es que ilustra la comodidades de los interfaces gráficos basados en teclado de una forma muy clara. ¿Podría esto ser parte del nuevo Firefox?

Continua —>

50 herramientas online de accesibilidad y usabilidad

1 Jul

+ 3

Impresicindible listado de 50 herramientas para mejorar la accesibilidad y usabilidad de nuestras aplicaciones.