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.

Mueller Grid System

CSS Modal

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

CSS Modal

Popline

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

Popline

Pure

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

Pure

On/Off FlipSwitch

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

On/Off FlipSwitch

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.

Font Dragr

Periodic Table

La tabla muestra los 107 elementos de HTML5 que funcionan.

Periodic Table

HTML5 Audio Element

HTML5 Audio Element

Web Colour Data

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

Web Colour Data

Cssmatic

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

Cssmatic

CSS3 Patterns Gallery

Galería de patterns hechos con CSS3.

CSS3 Patterns Gallery

The Tool Box

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

The Tool Box

Foundation

El framework responsive más avanzado del mundo.

Foundation

Web Flow

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

Web Flow

Contrast Ratio

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

Contrast Ratio

Css Beautifier

Embellece tu CSS para que sea agradable de leer.

Css Beautifier

Adobe Kuler

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

Adobe Kuler