Recurso-joya con el que me topo de casualidad como suele pasar. Se trata de un completo curso en forma de artículos ideado por Chris Mills, desarrollador de Opera. Es todo un evangelizador de estos temas y hacía tiempo que tenía en mente un trabajo como Web Standards Curriculum, así que se lo planteo a sus jefes que accedieron. El documentó está formado por varios artículos, casi todos de Chris, donde se tratan los temas más importantes sobre desarrollo/usabilidad sin ser necesario tener conocimientos previos extensos. Se habla desde principios básicos de HTML hasta la planificación de un sitio o teoría del color. Obligada lectura. Enlace: Web Standards ...

Uno de los paquetes de iconos que más vueltas dio por la red fue el creado por Yusuke Kamiyamane, Diagona Icons, además de las píxel fonts liberadas también por Yusuke. Hoy leo en Criterion que el responsable de esos iconos y fuentes vuelve a la carga con un nuevo paquete de iconos, Fugue Icons. 410 en total en formato .png y con tamaño 16×16. El estilo es muy similar al pack Diagona, con un acabado profesional y perfectos para usar en algún proyecto web. Enlace: Fugue Icons ...

Ya hablamos en varias ocasiones de los tooltips, función que se implementa para poder mostrar mensajes emergentes al pasar el ratón sobre determina porción de texto, con lo que ampliamos funcionalidades sin recargar la interfaz del sitio web. Los tooltips no cubren todas las opciones de mensajes emergentes, es posible que no queramos mostrar un dialogo al pasar el ratón sobre un enlace, si no que se muestre el dialogo en un lugar determinado de la web, sin que esta se recargue, cuando se clickee sobre un enlace. La diferencia es sutil pero importante. Para esto nos sirve jGrowl, una librería basada en jQuery con la que podremos soltar pequeños recuadros con mensajes cuando el usuario pique sobre el texto que nosotros queramos. Las opciones de configuración son varias, contando cada dialogo con efecto “desvanecimiento” cuando se cierra. Tenemos toda la información en el sitio del creador. Enlace: jGrowl ...

Hacía tiempo que no comentaba nada sobre Gimp, el programa primo de photoshop, con la diferencia de ser totalmente libre y contar con una comunidad que cada día crece un poco más en beneficio de todos. En esta ocasión me encuentro con un completo recopilatorio donde nos enseñan nada más y nada menos que 10 sitios especializados en el programa, con gran cantidad de material para conseguir casi cualquier cosa mediante Gimp. Cada día quedan menos disculpas para no usar la alternativa libre de photoshop, porque a cada nueva versión mejora, aumenta sus opciones, mejoras otras y lo más importante: más comunidad. Enlace: 10 Great Sites for GIMP Tutorials and ...

Por aquí nos gustan los iconos así que vamos con unos cuantos de alta calidad. Primeramente el pack liberado desde fuction, 128 en total de gran calidad con diseños pensados para ser usados en la web, todos ellos estilo “brillante” en tamaño 48×48, entre los que tenemos varios de servicios sociales, flechas, sobres etc. Se pueden usar tanto para proyectos comerciales como personales sin ningún tipo de requisito. Seguimos por el último recopilatorio liberado desde smashingmagazien (que también son unos apasionados de los iconos). 55 paquetes diferentes, entre los que se encuentran el mentado anteriormente, con iconos de alta calidad pensados para diseño web y escritorio. Encontraremos todo tipo de temáticas, estilo y tamaños, siendo conveniente leer las licencias de cada pack ya que no todos se pueden usar para proyectos comerciales. Enlace: Free Icons: Function Icon Set, 128 Completely Free Icons | 55 Free High Quality Icon ...

El uso de backgrounds en creación web está a la orden del día, pudiendo ser estos de muchos tipos y estilos. Por ejemplo los motivos son una gran opción con la que darle un toque interesante a un sitio de forma fácil y rápida. Esta tarea se nos facilitará aún más a partir de ahora con la herramienta en linea BgPatterns la cual nos permite precisamente eso, generar patrones personalizados. Es completa y simple, podemos escoger color de fondo, color de la figura, texturas, varios motivos diferentes y orientación de los mismos. Todos los cambios que efectuemos podremos verlos en funcionamiento dentro del mismo sitio que toma nuestro patrón y lo aplica a la web. Una vez lo tengamos a nuestro gusto solamente nos quedará descargarlo y empezar a usarlo. Personalmente hecho en falta un mayor número de figuras, la mayoría son de estilo ornamental y las que no son ...

Dentro del desarrollo web los componentes de un formulario suelen ser de lo más problemático por las diferentes interpretaciones que cada navegador hace de ellos. Para personalizarlos nada mejor que algo de css e imágenes a lo que añadiremos esta estupenda librería en javacript con la que podremos dar un bonito aspecto a nuestros Checkboxes, RadioButtons y Select Lists. Lo que hace el script es sustiur cualquiera de los elementos anteriores por una imagen (manteniendo el funcionamiento por supuesto). Para usarlo solamente tendremos que instalarlo y colocar una clase en el elemento queramos se le den los estilos. Además es totalmente configurable pudiendo cambiar las imagenes que bienen por defecto por las que nosotros diseñemos o queramos. Está testeado en los navegadores más usados y en caso de que el javascript del navegador no esté activado no abrá ningún problema de usabilidad ya que se mostraran los elementos sin estilos ...