12 útiles herramientas para trabajar con CSS

El tiempo pasa y las herramientas web buscan su espacio en el mercado, especializándose en tareas extremadamente especí­ficas, como las que os presento aquí­.

La lista, publicada en designer-daily.com, muestra 12 aplicaciones que pueden ser usadas para aquéllos que trabajan o tengan pensado trabajar con CSS.

1. Primer CSS


Informa una página HTML y este sitio obtendrá las clases y IDs creando una hoja CSS lista para ser completada.

2. Automatic CSS inliner


Transforma estilos locales en CSS, ideal para campañas de email marketing.

Continúa leyendo «12 útiles herramientas para trabajar con CSS»

Iconizer.net – Generador de iconos en la web

Buscadores de iconos he comentado muchos, incluso uno que permite personalizar las imágenes antes de bajarlas. Hoy os dejo con Iconizer.net, una nueva opción que ofrece la posibilidad de alterar algunas variables para obtener un resultado que se adapte más a nuestro diseño.

Aunque la variedad de iconos ofrecidos no es mucho, las herramientas de edición pueden ayudarnos a conseguir resultados de buena calidad en poco tiempo.

Una buena opción que vale la pena revisar de vez en cuando para acompañar su evolución.

Recursos y tutoriales para diseñadores

Aquí­ os dejo una colección de enlaces que pueden ser muy útiles para los que diseñáis aplicaciones.

Más de 30 plantillas para diseñadores
30 tutoriales y técnicas para uso de Ajax
10 consejos para crear formularios de contacto
20 tutoriales de Illustrator para principiantes
Técnicas CSS para esquinas redondas
Ejemplos del uso del papel en el diseño web

Colecciones de Iconos dibujados a mano

iconos a mano

En smashingapps.com han preparado una colección de 50 packs e iconos sociales y elementos gráficos dibujados a mano.

Twitter, facebook, digg, rss, firefox… cientos de logos y sí­mbolos que podremos usar en nuestros diseños, siempre y cuando el estilo sea el apropiado, claro.

Al final de la lista podemos obtener texturas de papeles viejos, pinceles de photoshop y otros recursos muy útiles para dar un aspecto rústico a nuestros diseños.

inPreso Screens – Diseña y comparte prototipos de aplicaciones

inpreso

Inpreso Screen es una aplicación web que nos permite dibujar prototipos de aplicaciones añadiendo botones, menús, cajas de texto y todos los elementos que consideremos de interés en nuestro nuevo programa.

El resultado puede verse desde el punto de vista de un usuario de Windows o Mac, por ejemplo, al mismo tiempo que puede compartirse con el cliente para que realice las observaciones adecuadas en el mismo dibujo, evitando emails pesados y problemas de comunicación.

Compatible con varios idiomas nos ofrece también la posibilidad de crear prototipos funcionales, exportando animaciones con ejemplos del uso del sistema.

Aún en fase beta, vale a pena seguir el rastro de inPreso.

SpicyNodes – Una nueva forma de crear y leer información en Internet

nodos

spicynodes.org es una aplicación web que nos permite organizar la información en forma de nodos conectados, ofreciendo una interesante experiencia de navegación, sencilla e intuitiva.

Puede usarse para hacer mapas de ideas, organizar conceptos, presentar jerarquí­as de datos, demostrar relaciones entre entidades… todo de forma gratuita para uso no comercial.

Elementos gráficos para dibujar páginas web

elementos

Si necesitáis dibujar alguna página web para mostrarla a un cliente antes de empezar a programarla, os recomiendo que uséis los componentes que están distribuyendo en jankoatwarpspeed.com.

Se trata de una colección de botones, cajas de texto, de selección, menús, calendarios y demás objetos comunes en el diseño de cualquier página en Internet, todos ellos para Adobe Illustrator (663 kb), SVG (348 kb), PDF (293 kb) y EPS (364 kb).

50 aplicaciones para encontrar la combinación de colores ideal

Hace varios meses os recomendé una lista de herramientas web ideales para trabajar con colores, hoy os voy a indicar otra lista, más completa, que nos permite encontrar combinaciones de colores para cualquier tipo de trabajo de diseño.

La lista ha sido realizada por smashingapps.com, donde podemos encontrar maravilhas como colorexplorer, imagepalette, toucan o Checkmycolor.

Una verdadera maravilla que no puede ignorarse si trabajáis con el tema.

Enlace: 50 Best Free Tools To Create Perfect Color Combinations