Blog de diseño
Tooltipster, un plugin jQuery súper útil para el usuario
Tooltipster es un plugin muy ligero de jQuery, que nos permite facilitar información complementaria al usuario en nuestra web. Las ventanas de ayuda son del todo customizables, podemos meter desde el simple mensaje de ayuda a una compleja maquetación en HTML. Este...
Espectacular menú 3D desplegable con CSS y jQuery !!!
Espectacular, mucho, ¿dónde colocarlo? eso ya es otra cosa... El caso es que si quieres incorporar a tu diseño web un menú con efecto "persiana 3D", este es el código que necesitas. Tanto el efecto de desplegar como el de plegar, simulan gravedad. Además, podemos...
Rollover de imágenes con jQuery
¿Quieres dar un aspecto más interactivo a tu diseño web?, existe la posibilidad de mediante jQuery y CSS meter un efecto a todas las imágenes de tu sitio con el plugin Adipoli. Se trata de varios efectos que hacen más atractivas las imágenes que mostramos en nuestro...
Cómo crear fácilmente gráficos utilizando jQuery y HTML5
Hasta ahora, el único modo de introducir un buen gráfico en un diseño web, era o bien mediante una imagen, o con flash si queríamos hacer algo dinámico. Ahora, gracias a HTML5 y por supuesto a jQuery, podemos fácilmente hacer un gráfico personalizado de una forma...
Crea tu web responsive online !!!
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...
Los 50 jQuery más usados en el 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,...
Impresionante Portfolio Adaptativo con jQuery
Se trata de un plugin de jQuery muy vistoso, intuitivo y lo más importante, "adaptativo". Las imágenes se amontonan por categorías, y al hacer clic sobre cada una de estas categorías, las imágenes que la forman se exparcen por la pantalla. La distribución de las...
Configura y descarga tu Preload con CSS, GRATIS !!!
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...
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...
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...
Menú Responsive para tu diseño web
El diseño de una web responsive, adapta su tamaño y arquitectura, a la resolución del dispositivo en el que la estamos viendo. Ya hemos visto como en una web de columnas, al reducir la resolución, las columnas se desplazan para colocarse una debajo de la otra, en el...
Players en HTML5. Audio y Video
Una de las herramientas más útiles que ha aportado HTML5, es la posibilidad de mejorar la reproducción de archivos multimedia en nuestras webs. Además HTML5 nos permite construir reproductores tanto de audio como de video. Webs tan populares como youtube, vimeo o...
Librería para gestos multi-touch. Mobile
En numerosas ocasiones se ha recurrido al desarrollo de aplicaciones nativas al no existir la posibilidad de poder realizar ciertos desarrollos para web. Una de las limitaciones en una aplicación web era el no poder programar gestos multitáctiles, como pellizcar para...
Audio Librería con Javascript y HTML5
BUZZ es una pequeña librería de Javascript que le ayuda a incluir y gestionar fácilmente los sonidos en tu sitio web mediante la etiqueta audio de HTML5 . También merece la pena ver la demo que nos han dejado para demostrar su funcionamiento. Se trata de un pequeño...
Efecto roto con Photoshop
Pinceles para producir un efecto roto con Photoshop. VISITAR ARTÍCULO ORIGINAL Y DESCARGAR PINCEL
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 😉
Slider para Web App Mobile
Todos conocemos el efecto de pase de fotos o de la navegación entre contenidos en un Smartphone o tablet. Al desplazar el contenido hacia un lado u otro, este desaparece y aparece el siguiente. Este es el código que traemos hoy en este post de diseño web, en este caso...
Haz arder tu texto con jQuery !!!
Pues si, tienes toda la razón, una macarrada !!! Pero no me digáis que no es potente este plugin jQuery para hacer arder el texto. Burn jQuery es un plugin que añade un efecto de llama a tu texto, con distintos tipos de sombras y animación. Admite detenerlo y...
Scroll horizontal, vertical e infinito con jQuery.
Plugin para realizar scroll horizontal, scroll vertical y scroll infinito con jQuery. Súper útil para realizar sliders o incluso para hacer webs tipo parallax. Además de realizar los desplazamientos con aceleración, nos permite poder navegar entre capas con barra de...
RECURSOS PARA DISEÑO WEB. LIBROS GRATIS !!!
Soy uno de esos diseñadores que empezó en este mundillo a finales de los 90's, poca formación había entonces y menos recursos. Hoy en día es impresionante la cantidad de recursos de diseño web que podemos encontrar en la red. OpenLibra es un portal en el que puedes...
HTML5 y Parallax, sus orígenes.
Never Mind the Bullets es un impresionante proyecto realizado en HTML5 y Parallax por Microsoft Corp hace dos años, para demostrar la compatibilidad del Explorer 9 con los estándares de HTML5. Ahora que Parallax es una realidad y que cada día se está extendiendo más,...