Crea tu web responsive online !!!

Crea online tu web responsive

Crea online tu web responsive

El presente y futuro del diseño web es el “responsive design“.

34Grid es un sistema de red sensible formado por columnas y que nos permite adaptar nuestra web a todo tipo de resoluciones.

El procedimiento es simple. Definimos online la cantidad máxima de columnas que vamos a necesitar por fila y los márgenes entre celdas. Hecho esto, no queda más que descargar el paquete zip en el que podremos encontrar dos carpetas, “CSS” y “DEMO”.

La carpeta “DEMO” contiene un archivo html que nos muestra las posibles configuraciones.

 

DESCARGA TU WEB RESPONSIVE

Comparte este Blog de Diseño Web

Share and Enjoy

Tags

Related Posts

Share This

Los 50 jQuery más usados en el 2012

los 50 jQuery más usados en 2012

los 50 jQuery más usados en 2012

He encontrado en speckyboy.com, un artículo que creo de gran utilidad para tener en cuenta en nuestros diseños web. Se trata de 50 plugins jQuery, de todo tipo.

Entre ellos podrás encontrar plugins para distribuir contenido en la página, plugins para crear efectos, parallax, responsive, menús de navegación, sliders, gráficos, fuentes, etc…

Merece la pena echarle un vistazo, muchos de ellos ya los conoceréis porque los hemos tratado aquí.

 

VER LOS 50 PLUGINS JQUERY

Comparte este Blog de Diseño Web

Share and Enjoy

Tags

Related Posts

Share This

Configura y descarga tu Preload con CSS, GRATIS !!!

Preload online con CSS

Preload online con CSS

Con CSS Load puedes generar y descargar gratuitamente tu preload. No incluye ninguna imagen todo es puro CSS y además te ofrece la posibilidad de compatibilizar el código con todos los navegadores más importantes de la red.
Tienes dos tipos de preload, uno gráfico y otro con texto. En ambos casos puedes elegir entre varias animaciones, y en el de texto además es editable, es decir, puedes escribir lo que quieras en tu preload.

Todo es configurable, color principal, color de fondo, puedes dejar fondo transparente, elegir fuente de texto, …

CONFIGURAR Y DESCARGAR PRELOAD

Comparte este Blog de Diseño Web

Share and Enjoy

Tags

Related Posts

Share This

Las fuentes más utilizadas en diseño web y su compatibilidad

CSS Font Stack, nos muestra una relación de las fuentes más utilizadas a la hora de escribir textos en nuestros diseños web y su compatibilidad con los sistemas operativos Windows y Mac.
Además de poder ver cómo se ve y se lee cada una de las fuentes, podemos copiar el código font-family.
Ya sabéis que ahora podemos utilizar todo tipo de fuentes en el diseño web, como pudimos ver el el post de “diseño web con google web fonts“, aquí se trata simplemente de ver cómo queda en pantalla una fuente antes de usarla para nuestros títulos y párrafos.

CSS Font Stack

CSS Font Stack

VER ARTÍCULO ORIGINAL EN CSS FONT STACK

Más artículos relacionados

 

Comparte este Blog de Diseño Web

Share and Enjoy

Tags

Related Posts

Share This

Color Web. Paleta de Colores.

WebSafeColors, una web en la que podemos inspirarnos a la hora de combinar y elegir colores para nuestros diseños web.
Nos ofrece varias gamas, personalmente las que más utilizo son earth tones, pastels y greys.

Existen multitud de sitios en los que podemos encontrar paletas, este sitio es un recurso rápido para salir del paso.

Paleta de colores

Paleta de colores

VER MÁS SOBRE COMBINACIÓN DE COLORES EN DISEÑO WEB

IR A WEB SAFE COLORS

Comparte este Blog de Diseño Web

Share and Enjoy

Tags

Related Posts

Share This

BLOG DE DISEÑO WEB, VÓTANOS !!!

Este blog de diseño web, se presenta un año más al concurso Premios 20Blogs, si te gusta el blog y te es útil, regálanos un voto porfa ;)

Comparte este Blog de Diseño Web

Share and Enjoy

Tags

Related Posts

Share This