Clearfix

Diseño y Desarrollo Web en Español

Navegando el tema Desarrollo Web

Mozilla Labs Bespin

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.

“Usabilidad es un atributo de calidad que evalúa que tan fácil de usar son las interfaces de usuario. La palabra usabilidad también se refiere a los métodos para mejorar la facilidad de uso durante el proceso de diseño.

La usabilidad es definida por 5 componentes de calidad:

- Aprendizaje: ¿Que tan fácil es para un usuario completar tareas básicas la primera vez que se encuentran con el diseño?
- Eficiencia: Una vez que el usuario haya aprendido el diseño, ¿que tan rápido puede ejecutar las tareas?
- Memorabilidad: Cuando los usuarios regresan al diseño después de un periodo de tiempo sin usarlo, ¿que tan fácil pueden restablecer la destreza de uso?
- Errores: ¿Cuantos errores hacen los usuarios? ¿Que tan severo son los errores? ¿Que tan fácil pueden recobrarse de los errores?
- Satisfacción: ¿Que tan placentero es usar el diseño?”

- Jakob Nielsen en Usability 101: Introduction to Usability.

En palabras sencillas la usabilidad se refiere a que tan fácil es para los usuarios usar cierta interfaz y que tan eficientemente pueden hacer las tareas básicas para las cuales está diseñada la interfaz, esto quiere decir que para que un sitio web sea usable debe permitir al usuario hacer las cosas que desea de la forma más sencilla y rápida posible.

“Todo debería ser hecho tan simple como sea posible, pero no más simple.”
- Albert Einstein

(more…)

Etiquetado con , ,

El día de hoy tengo el gusto de abrir una nueva sección en este sitio, una sección en la cual experimentaremos con nuestras habilidades, recursos, ganas y pasión, como ya lo deduciste se trata de

Clearfix Labs

Como primer experimento tenemos un Plugin de WordPress, llamado Indigestion, que tal vez hayas visto funcionar en mi blog, está basado en grandioso Digest Post por Frederic Wenzel, pero Indigestion te permite más de un Feed… además de otras interesantes opciones, como permitirte publicar los enlaces que compartes en Google Reader incluso con las notas que le añades, además que estará en constante evolución y desarrollo.

En fin espero lo pruebes y te gusté… ten en cuenta que es una versión temprana; así espero tu retro alimentación (a.k.a. Feedback), para mantenerlo en buen desarrollo.

Hay muchas herramientas y recursos en la internet que te pueden ayudar muchísimo como desarrollador y diseñador web, en esta entrada pretendo hacer un pequeño recorrido por las herramientas que me han ayudado a hacer el trabajo de diseñar y desarrollar sitios web más fácil y placentero, hay una gran variedad de recursos que de seguro también te serán de ayuda.

Colourlovers:

www_colourlovers_com

Es un recurso que monitorea las paletas de colores que están de moda y donde puedes encontrar una gran cantidad de colores, paletas y patrones para inspirarte en tu diseño y ver que combinaciones de colores funcionan y cuales no.
(more…)

Etiquetado con , , , ,

favicon.cc

favicon.cc es una aplicación web que te permite crear (como su nombre lo indica) favicons (¿Qué es un favicon?) gratuitamente, disponiendo de un lienzo en el cual puedes “pintar” a tu gusto tu icono para luego descargarlo y usarlo en tu web, con vista previa “en vivo” en tu navegador, incluso pues te permite también importar una imagen existente y generar tu favicon.

Una funcionalidad que me parece muy atractiva es poder crear favicons animados como este.

Así que ¿que esperas? crea uno y ponlo en los comentarios, si haces uno de Clearfix.net podría reemplazar actual :D

Etiquetado con , , , ,