Clearfix

En Mozilla Labs están realizando cosas muy interesantes, esta vez nos sorprenden con su experimento llamado Bespin.

Bespin no solo es un simple editor de código en linea, pues en su versión prototipo 0.1 nos permite:

• Resaltado de sintaxis (actualmente, solo para JavaScript, CSS y HTML).
• Visualizar directamente en el navegador lo que estamos desarrollando.
• Una muy interesante y útil linea de comandos, la cual nos permite ejecutar comandos, crear comandos y alias tal como una Terminal *nix.
• Un gestor de Proyectos.
• Control de versiones.

Y apuestan a su extensibilidad, por ejemplo editar código colaboratibamente a través de este, y ser un IDE para soluciones de Código Abierto, pero en primera medida me gustaría muchísimo una funcionalidad de auto completado.

En sí mismo Bespin es Código Abierto, para quien quiera colaborar agregando funcionalidad, corrigiendo bugs.

A continuación encuentras el vídeo de Mozilla Labs donde presentan esta aplicación tan interesante:

Por nuestra parte lo probaremos intentando desarrollar la versión 0.2 de Clearfix, Finalmente te animamos a que lo pruebes y nos cuentes tu experiencia en los comentarios.

¿Cual es la forma ideal para proteger tus formularios de los spambots?

A nadie le gusta tener que copiar caracteres extraños de una imagen captcha, pero ¿existe una mejor alternativa?.

La forma ideal debería ser invisible para las personas, pero ¿cual mantiene a raya a los spambots efectivamente?

En este tutorial se describe una técnica que usa JavaScript para reconocer la actividad humana basada en eventos, que trabaja muy bien por cierto.

Requisitos de alto nivel

1. El formulario debe registrar ciertos eventos que reconozca la actividad humana.

2. Si JavaScript no esta activado, podria considerarse como un plan alternativo.

3. Las pruebas deben ser invisibles al usuario lo mas posible.

4. Los bots no deben poder acceder a las pruebas y burlar los resultados.

Excelente tutorial. Revísalo a fondo en: Web design from scratch

Leyendo devSnippets me encuentro con esta lista de 10 técnicas para menús multinivel, que aquí resumo:

1. Create Vimeo-like top navigation
2. CSS Drop-Down Menu Framework
3. JavaScript Dropdown Menu with Multi Levels
4. MenuMatic Recomendado!
5. A circular menu with sub menus
6. Fancy Sliding Menu for Mootools
7. Smooth Navigational Menu
8. Collapsable menu
9. Designing the Digg Header
10. jQuery File Tree

Bonus

11. UvumiTools Dropdown Menu Recomendado! es el que más uso

Ya lo sabes no hay excusa para que tu navegación o menú luzca desanimado

En 1stwebdesigner hicieron una estupenda lista de recursos totalmente gratuitos que incluyen Slideshow, Lightbox y Galerías de Imágenes mi favorito el número 22 Slideshow 2.

¿Alguna vez haz querido hacer pruebas de usabilidad sobre la interfaz de tu aplicación web o de tu tema o de tu página en general?

Userfly es una aplicación que te permite hacer estos estudios, teóricamente “graba” las acciones que los usuarios realizan en tu sitio permitiéndote saber como usan tu interfaz, ofreciéndote retroalimentación (Feedback) inmediata y sin preguntas, directamente con gente del MundoReal, si aplicas el diseño centrado en el usuario no lo pienses dos veces, daté de alta en la versión gratuita o pregunta los precios si la versión gratuita te queda corta.

Su uso es muy sencillo basta con que incluyas un archivo JavaScript entre el tag HEAD de las páginas que desees evaluar y listo, en tu cuenta de Userfly te mostrará las nuevas capturas realizadas y en que páginas.

Puedes ver como funciona en su demostración o en el siguiente vídeo:

Nota: el video empieza a partir del segundo 50.

userfly.com de Chris Estreich en Vimeo.