Herramientas y recursos para hacer el diseño y desarrollo web más fácil

Hay muchas herramientas y recursos en la internet que te pueden ayudar muchísimo como desarrollador y diseñador web, en esta entrada pretendo hacer un pequeño recorrido por las herramientas que me han ayudado a hacer el trabajo de diseñar y desarrollar sitios web más fácil y placentero, hay una gran variedad de recursos que de seguro también te serán de ayuda.

Colourlovers:

www_colourlovers_com

Es un recurso que monitorea las paletas de colores que están de moda y donde puedes encontrar una gran cantidad de colores, paletas y patrones para inspirarte en tu diseño y ver que combinaciones de colores funcionan y cuales no.

Snippely

snippely

Es una aplicación hecha en adobe air que te permite mantener ordenada tu colección de códigos, haciendo la reutilización del mismo mucho más fácil. Algunos ejemplos de los códigos que tengo guardados son:

Para centrar una página horizontalmente con css:
margin:0 auto;

Para eliminar los valores por defecto de los navegadores en los elementos de una página (reseteo):
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,
input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;}

Plantilla básica de una página html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html;charset=utf-8" />
<title>title</title>
<link rel="shortcut icon" href="favicon.ico"
type="image/x-icon">
<link rel="stylesheet" type="text/css" href="style.css" />
</head><body></body>
</html>

También puedes ver Six Ways to Style Blockquotes para encontrar varios códigos para estilizar las frases en tu sitio web.

Recursos para usar en tus proyectos comerciales

Mantengo mi propia colección de recursos para usos comerciales que incluye iconos, texturas, vectores, etc y creó que para cualquier diseñador es importante pues es un gran ahorro de trabajo poder usar arte ya hecha de gran calidad, algunos de mis colecciones favoritas son:

Free High Res Rough Textures: excelentes texturas de alta calidad.
freebiesdock: Un muy buen sitio para encontrar iconos y themes gratuitos.
Friday Freebies: Flavours Icon Set And Cute Tweeters Icon Set: me fascinan sobretodo eson iconos de twitter!
Free Icons, Photoshop Brushes and a WordPress Theme: algunos iconos y pinceles gratuitos.

Notepad++

Notepad++

Es un editor de código gratuito para Windows que ofrece la posibilidad de auto-completar código por ti, diferenciar distintos lenguajes de programación como php, css, html, entre otros. Puede que está herramienta no sea tan práctica para todo diseñador web pero para la persona que le guste ensuciarse las manos creó que será una buena herramienta de ayuda pues es muy simple y ofrece buena funcionalidad.

¿Usas alguna otra aplicación buena? ¿Conoces de algún recurso interesante? dejanos saber con un comentario.

Difunde esta entrada: