Blog de diseño
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...
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¿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...
leer másSlide 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...
leer másMapa 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...
leer másEspectaculares 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...
leer másPsd’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...
leer másLa 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...
leer másDescá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...
leer másPlugin 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...
leer másIconos 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...
leer másColores 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...
leer másAnimació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...
leer másTooltipster, 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...
leer másEspectacular 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...
leer másRollover 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...
leer másCó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...
leer másCrea 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...
leer másLos 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,...
leer másImpresionante 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...
leer más