Una gran fuente de recursos sin duda alguna: 100+ Remarkably Beautiful Twitter Icons And Buttons

Si te tocó alguna vez trabajar en algún proyecto web medianamente grande, de lo más tedioso es tener que andar redimensionando y cambiando el color de los diferentes botones que usemos. Es una considerable perdida de tiempo y esfuerzo que se puede automatizar.

Sohtanaka nos explica como conseguir botones ajustables, tanto su color como tamaño, mediante el uso de imágenes transparentes y css. Está explicado paso por paso, desde como crear el botón en photoshop hasta el código css. Como siempre, la solución da problemas en IE por el tema de las imágenes transparentes. Nos enlaza algún artículo para solucionarlo.

Enlace: Liquid & Color Adjustable CSS Buttons

Los botones forman parte importante dentro de un sitio web ya que los usaremos bastante y para funciones importantes, es el vehículo mediante el cual el usuario interacciona con la web. Existen dos formas básicas de hacerlos, mediante la creación de imágenes o bien combinando imágenes y CSS. En este último caso nuestros botones podrán ser más “dinámicos” e incluso ganarán en vistosidad (aunque en lo que a este aspecto se refiere lo fundamental seguirán siendo las imágenes).

Como de casi todo varios sitios de la red ya trataron este asunto proporcionándonos varios tutoriales con los que obtener botones mediante la combinación de CSS e imágenes. En CatsWhoCode recopilan los 10 manuales que les parecieron más interesantes sobre el tema.

Enlace: Top 10 CSS buttons tutorial list