por Omar Benyakhlef | Diseño Web
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.
por Omar Benyakhlef | Diseño Web, jQuery, jQuery Mobile
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í.
por Omar Benyakhlef | CSS, Diseño Web
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, …
por Omar Benyakhlef | Diseño Web
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
por Omar Benyakhlef | Diseño Web
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
por Omar Benyakhlef | Diseño Web
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 😉
