7 Recursos para diseño web que uso constantemente

Screen shot 2012-01-03 at 19.07.36

¿A quién no le gustan los atajos? Por supuesto, siempre es bueno saber el camino y cómo funcionan las cosas.

Sin embargo todo lo que pueda hacer tu trabajo como diseñador web más rápido es bien recibido.

Aqui dejo una lista de algunos de los recursos que más uso a la hora de poner manos a la obra en mis proyectos.

Recursos relacionados con CSS


Colorzilla . Gradient editor:

Esta herramienta te permite crear gradientes (degradados) usando una interfaz parecida a la de photoshop, y luego genera en vivo el código CSS correspondiente. (ojo con el de IE9, no el w3c validator no lo marca como válido)

LESS App (para Mac)

Este app te permite generar archivos “.css” a partir de tus archivos “.less”.

Adicionalmente puedes elegir que la versión compilada (generada) del “.less” sea minified.

Nota: sino haz escuchado de LESS, echa un ojo aqui, hace muchisimo más fácil programar el CSS usando variables.

Border-Radius Generator

border radius

Permite generar el CSS para redondear los bordes de un elemento segun los valores que ingreses en las esquinas del cuadrado que esta alli.

Recursos relacionados con Diseño per se


Subtle patterns

Tiene una lista de patrones y texturas geniales para diseñar. Bien puedes bajar el archivo .PAT con todos los patters o uno por uno en formato .PNG

 

Calculadora del Golden Ratio para tipografía

A esta calculadora quiero dedicarle un post en el futuro, pero mientras tanto les cuento que es una maravilla pues en base a calculos matemáticos, estudios y proporciones te da el line-height y la fuente ideal para un bloque y tamaño de texto dado.

La idea es hacer que los textos de tu web esten optimizados para una lectura fácil al ojo.

Precisamente he estado optimizando el theme de mi blog usando esta herramienta.

Otros recursos


Rezise my browser

Esta herramienta te permite redimensionar tu navegador según la resolución de distintos dispositivos para asi saber que tal se ve tu página por ejemplo en un navegador de iPhone o en un Nexus One

Nibbler

Permite testear tu sitio en relación a estándares W3C, usabilidad, SEO, etc,  en una escala del 1 al 10.

Además te da sugerencias sobre cómo mejorar tu sitio para obtener una mejor calificación

Notas finales:


Por lo general encuentro estas herramientas surfeado en algunos blogs y twitter , y  las voy guardando en este stack de delicious por si quieres seguir las actualizaciones.

Espero sirva de algo y si tienes alguna herramienta cool que compartir, dejala en los comments :)

2 Responses to “7 Recursos para diseño web que uso constantemente”

  1. María Gabriela

    Excelente! ya te sigo en delicious ;)

Comments are closed.