La industria del diseño y el desarrollo web está creciendo de una manera impresionante, por ello recomiendo ya a los que no tengan ni idea de diseño web que empiecen desde 0, hay geniales cursos con los que empezar. Los diseñadores tienen cada vez nuevas tecnologías más cómodas y sencillas de usar, y todo ello va en beneficio al usuario, que disfruta más de la navegación del sitio web. Necesitas hacer un sitio accesible, fácil de navegar y que tenga todo el contenido ordenado, por lo tanto se deben de usar las mejores herramientas de internet. Esto es lo que voy a mostraros ahora después de haberlo visto en DL, las mejores herramientas de diseño web que podéis encontrar, disfrutadlas:

Mueller Grid System

Mueller es un popular sistema de grids para layouts responsive/adaptativas y no-responsives, basado en Compass.

CSS Modal

CSS Modal está hecho de puro CSS, lo que lo hace muy accesible.

Popline

Popline es un editor de texto basado en HTML5 que flotará alrededor del texto seleccionado.

Pure

Un set de pequeños módulos responsives que puedes usar en cualquier proyecto web.

On/Off FlipSwitch

Genera botones de deslizamiento OFF ON con puro CSS y transiciones animadas.

Font Dragr

Font dragr te permite probar fuentes personalizadas a través de @font-face, sin necesidad de ningún conocimiento de CSS, simplemente arrastrando y soltando.

Periodic Table

La tabla muestra los 107 elementos de HTML5 que funcionan.

HTML5 Audio Element

Web Colour Data

Web Colours Data es una aplicación web que te permite extraer los colores de otros sitios web.

Cssmatic

CSSMatic es una gran herramienta para ayudarte a crear efectos con degradados CSS, border radius, drop shadow y textura de ruido.

CSS3 Patterns Gallery

Galería de patterns hechos con CSS3.

The Tool Box

Una colección de las mejores herramientas, widgets y apps de la web.

Foundation

El framework responsive más avanzado del mundo.

Web Flow

Diseña sitios responsives visualmente, en vez de escribir códigos.

Contrast Ratio

Herramienta para calcular el ratio de contraste entre cualquier color válido de CSS.

Css Beautifier

Embellece tu CSS para que sea agradable de leer.

Adobe Kuler

Crea paletas de colores con la rueda de color o mira las millones de tonalidades de color de la comunidad Kuler.