Los formularios son un tema jugoso dentro del desarrollo web, tienen misiones importantes dentro de los sitios web, complejidades y muchas opciones de personalización. Como factor importante nunca se puede olvidar la usabilidad, tienen que cumplir a la perfección la misión para la que estén concebidos, haciéndose necesario en ocasiones ampliar funciones mediante por ejemplo javascript y css.

Desde woork liberan un interesante artículo donde tratan estas cuestiones de forma concreta con la explicación de implementaciones prácticas, desde como contar los caracteres introducidos en un input hasta como cambiar el aspecto de uno cuando se encuentre pulsado pasando por como mostrar mensajes aclaratorios o sugerir opciónes a la hora de introducir datos. Todo explicado de forma clara, con imagenes-esquemas de ejemplo y códigos necesarios (que son bastante simples de usar). Otra gran aportación de woork a la comunidad.

Enlace: Useful tips to enrich your HTML Forms

Click!

Suculento descubrimiento hacía el otro día, UnmatchList se llama el sitio. Está orientado a diseñadores y desarrolladores web donde recopilan de forma ordenada y por temáticas recursos de todo tipo. Desde CMS,s hasta CSS, SEO, flash o photoshop. Una vez entremos en determinada categoría veremos los sitios recopilados junto con una breve descripción de lo que nos encontraremos tras el enlace. Más que interesante guardarse el sitio en favoritos para acudir a él cuando necesitemos de una pequeña ayuda a la que seguro encontramos respuesta por el importante número de recursos y tematicas contenpladas.

Además aseguran actualizan cada mes con nuevos servicios que encuentran y en no mucho tiempo promenten nuevas herramientas al servicio como opción de poder mandar automaticamente nuestra web (ahora se puede hacer mandado un mail a la “bieja usanza”).

Enlace: UnmatchList

Click!

En él se muestran la mayoría de tags que podemos usar en nuestros themes de wordpress separadas en diferentes categorías en función de su utilidad (para los post, para autores, categorías etc) junto con breve explicación, ejemplo de uso y los atributos que soporta, todo de forma perfectamente ordenada y muy claro. Recomendable tenerlo a mano para cuando nos toque crear un theme wordpress o queramos modificar algo del nuestro.

Enlace: WordPress Template Tags Reference Guide

Click!

Enlace: 50 Remarkable Nature Wallpapers

Click!

Su instalación es la usual en este tipo de scripts: primero nos lo descargamos y entre head - /head llamamos a la hoja de estilos, jQuery y el plugin. Solo nos queda aplicar las clases necesarias en las imágenes para que poner en funcionamiento jQZomm.

Enlace: jQZoom

Click!

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 Curriculum

Click!

Enlace: Fugue Icons

Click!

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

Click!

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 Guides

Click!

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 Sets

Click!