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...
Objeto 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...
Widget 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...
ascensor.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...
Tendencias 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...
Un 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...
Divierte 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...
Guí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...
¿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...
Herramientas 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...
¿Cómo diseñar una web mobile?
El tráfico de los dispositivos mobile empieza a ser un factor decisivo a la hora de replantearte el diseño de tu web. En este post no vamos a entrar en si es mejor un diseño adaptative o crear uno especial para este tipo de dispositivos, vamos a ver cuales son los...
Slide Down Box Menu, un menú completísimo con jQuery y CSS
En este blog de diseño web hemos mostrado numerosos ejemplos de menú, y seguiré añadiendo, porque el menú constituye una parte esencial del diseño web, cada proyecto es un mundo y requiere un menú diferente. La mayoría de las veces, el menú viene condicionado o bien...
Mapa de Redes Sociales 2013 de iRedes
Se ha presentado ya la tercera actualización del mapa de redes sociales iRedes. En él se incluyen aquellas redes con al menos 10 millones de usuarios. El mapa está categorizado por temática, chat, citas, video&foto, general, agregadores y demás redes...
Espectaculares efectos para listas desplegables. jQuery y CSS
Hoy traemos un espectacular efecto para cuando tenemos que utilizar listas desplegables o incluso un menú. El despliegue es customizable, totalmente configurable para conseguir efectos únicos. Como siempre ojo con los navegadores, se trata de transformaciones y...
Psd’s de Ribbons GRATIS !!!
Seguramente hayáis visto estos "ribbons" o cintas en multitud de diseños, un estilo retro con mucha fuerza en los actuales diseños. Tanto para cabeceras, titulares, menús o botones, es un recurso al que siempre podréis recurrir. En este pack podréis encontrar varios...
La importancia de contratar un buen servidor web
A la hora de diseñar una web, tan importante como pensar en un buen diseño y una buena usabilidad, es pensar dónde vamos a alojar nuestro proyecto. Existen multitud de servicios hosting en todo el Mundo, algunos con precios exagerados y otros con precios...
Descárgate gratis el timeline de Facebook en PSD
Si te dedicas al diseño web, seguro que más de una vez te ha tocado diseñar la cabecera o alguna entrada para la página Facebook de algún cliente. Nada más últil que esta guía en psd para poder diseñar a tamaño exacto todos y cada uno de los elementos customizables de...
Plugin jQuery para compartir en redes sociales
#50C1AL es un plugin de jQuery para compartir tu web o blog en las redes sociales. El plugin es compatible con prácticamente todas las plataformas, Blogger, Delicious, Facebook, Google, MySpace, Twitter, Linkedin, Digg,... Incluye 46 iconos. Al pulsar sobre el botón...
Iconos gestuales para presentaciones de iPhone GRATIS !!!
Ante todo, mil disculpas por la caída de la web este fin de semana, afortunadamente ya está todo subsanado. Hoy traemos unos iconos muy útiles para realizar presentaciones o storyboards de aplicaciones iPhone. Se trata de iconos gestuales para poder explicar la...
Colores en tu logo y en tu web. Significado.
Los logos más importantes se identifican por sus colores, incluso hay marcas que los registran. Algo tan importante no debe tomarse a la ligera, especialmente al crear elementos visuales en un diseño web, o en un anuncio para una marca. Elegir el color adecuado puede...
Animación con HTML5 … SALVAJE !!!!
Conocía la potencia del HTML5 para desarrollar movimiento en diseño web, pero no era consciente de la "salvaje" cantidad de posibilidades que nos ofrece. Unas posibilidades que serían seguramente más, si no fuese por la absurda incompetencia de navegadores como...