Blog de diseño
Densidad de píxeles. Diseñando para móviles.
Una de las especificaciones técnicas que tenemos en cuanta al analizar un teléfono es la densidad de píxeles de su pantalla. La densidad de píxeles es una unidad que se mide en píxeles por pulgada ppp o ppi en inglés (pixels per inch), nos indica la calidad de una...
leer más
Guía tipográfica para el diseño web móvil
El año 2017 fue denominado por Google como“El año de los móviles” en base a su informe anual Consumer Barometer 2017. Por primera vez en la historia, el uso de Internet en dispositivos móviles registraba un porcentaje superior al 50 % en los 63 países incluidos en el...
leer más
TYPESTRAP. Controla el tamaño de tus fuentes.
Typestrap es un kit de tipo basado en CSS que utiliza una escala modular para ayudarnos a controlar la tipografía en las distintas resoluciones de pantalla, desktop, mobile,... Está construido en Bootstrap 4. Y nos podemos descargar todos los archivos, html, CSS,......
leer más
Google te ayuda con el color en tus diseños para Apps
El color es un elemento indispensable a la hora de diseñar una App, una web, publicidad... Puede determinar de modo determinante la usabilidad de tu aplicación o sitio web. El color ayuda a hacer visible la jerarquía, la navegación o arquitectura de un diseño, hace...
leer más
Cuenta regresiva con CSS y Javascript
Vistosa cuenta regresiva que simula los antiguos paneles que podíamos ver en los aeropuertos. Podéis ver y descargar el código CSS y JS en CodePen. VER DEMO Y...
leer más
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¿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ás