Blog de diseño
Efectos hover para botones con CSS3
El uso de botones realizados con CSS3 es ya una práctica habitual, reducen peso a la página y existen mil maneras de customizarlos para sustituir sin problema a casi cualquier imagen de botón. Hoy os dejo una colección de códigos realizados con CSS3 que además añade...
leer másObjeto interactivo en 3D con jQuery
En este artículo podréis ver cómo crear un objeto interactivo en 3D mediante imágenes y un simple JS. Al hacer drag sobre la imagen arrastramos el objeto de tal modo que parece que estamos realizando un giro en 3D. En realidad estamos cargando todas y cada una de las...
leer másWidget para customizar los botones de suscripción en tu web
En ocasiones resulta complicado incorporar los botones de suscripción en tu web por no poder adaptarlos al diseño del conjunto de tu sitio. Los botones de suscripción a Facebook, Youtube, Twitter o Google+, son botones preestablecidos que suministran las distintas...
leer másascensor.js Código jQuery para navegación web
La navegación web en una sola página es una forma de dar al usuario una transición entre secciones natural y muy vistosa. Para ello existen multitud de plugins jQuery que facilitan el uso de este sistema de navegación. Todas las áreas de contenido se encuentran en la...
leer másTendencias del diseño web, by Apple…
Nadie en este mundillo es ajeno a la tremenda influencia de Apple en el diseño web. Estoy seguro que aparición del iOS7 en el mercado, volverá a dar un cambio de aires al diseño web. Es cierto que podemos ver una clara inspiración en el diseño más plano de Windows o...
leer másUn plugin de jQuery para crear tooltip estilo barra de herramientas
Toolbar.js es un plugin de jQuery que nos ayuda a crear fácilmente tooltip estilo barras de herramientas. Se trata de un plugin muy sencillo que nos permite crear cualquier tipo de barra de herramientas. Permite abrir la barra desde cualquier elemento, los elementos...
leer másDivierte tus cajas de texto con jQuery
Se trata de un plugin experimental en jQuery que lo que hace es amenizar la entrada de texto en las cajas de tu web. Existe la posibilidad de incluir hasta 5 efectos distintos de animación. Con lo aburrido que es siempre rellenar un formulario, esta puede ser una...
leer másGuía gratuita Google para la creación de webs móviles
Si estás pensando en diseñar una web para smartphone, Google pone a tu disposición una guía gratuita con todo tipo de consejos, trucos y código para optimizarla y obtener los mejores resultados. Para empezar, lo primero que Google te recomienda es realizar un diseño...
leer más¿Cómo hacer una galería de fotos igual que la de Google?
Todos vosotros habréis visto la galería de imágenes de Google, al pinchar sobre cualquiera de los thumbnails, este se despliega con un efecto acordeón, insertando un espacio de información entre las demás miniaturas de la página. En este post de diseño web, vais a...
leer másHerramientas gratuitas para hacer infografías
El uso de infografías además de ayudarnos a hacer comprender mejor una información, suele producir un efecto mayor en cuanto a viralización de tus contenidos. Por otro lado, al tratarse de imágenes con información, conseguirás mucho tráfico también en imágenes de...
leer más
