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.

Entradas relacionadas

• Twitter Feelings (0)
• favicon.cc: Crea tus favicons en linea (0)
• JavaScript funcional (0)
• Labs (1)
• Minify: Combina y comprime archivos JavaScript o CSS (0)

¿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

Entradas relacionadas

• No hay entradas relacionadas.

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

Entradas relacionadas

• Minify: Combina y comprime archivos JavaScript o CSS (0)
• WP-ClickMap: Plugin para WordPress para seguimiento de clicks (0)
• Bespin: IDE Cloud para Desarrollo Web de Mozilla Labs (3)
• 57+ soluciones Slideshow, Lightbox y Galerías de Imágenes totalmente gratuitas (0)
• JavaScript funcional (0)

Entradas relacionadas

• Meteora: Widgets JavaScript potenciados con MooTools (1)
• Herramientas y recursos para hacer el diseño y desarrollo web más fácil (2)
• Clearfix Labs (2)
• 10 técnicas para menús multinivel (0)
• Una pequeña mirada a la usabilidad (3)

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.

Entradas relacionadas

• 57+ soluciones Slideshow, Lightbox y Galerías de Imágenes totalmente gratuitas (0)
• Labs (1)
• Una pequeña mirada a la usabilidad (3)
• WP-ClickMap: Plugin para WordPress para seguimiento de clicks (0)
• JavaScript funcional (0)