Blog de diseño
Recursos Gratis para diseñadores. Iconos
El uso de iconos en el diseño digital es constante. Existen muchas páginas en las que puedes descargar paquetes enteros de familias, estas páginas que os comparto, son las que suelo utilizar normalmente, me gustan porque vienen con un buscador, de forma que puedes...
leer más
Fuente Facunda, retro-vintage. Descarga Gratis.
Facunda es una fuente gratuita creada por bybu. Se trata de una fuente condensada ideal para titulares modernos con un aspecto retro-vintage. Cuenta con 5 estilos diferentes y es de uso público. En principio os puede parecer que no hay diferencia en el estilo...
leer más
Tipografía digital. Guía rápida y descargas gratis.
La tipografía siempre ha ocupado un lugar preferente en el diseño gráfico. Además de ser básica para destacar el mensaje que queremos comunicar, también nos sirve para establecer una jerarquía dentro de ese mensaje. Esta guía pretende dar indicaciones básicas para...
leer más
La importancia del rendimiento en una web o webApp
Cada vez son mayores las exigencias de las páginas web que diseñamos. Imágenes más grandes y pesadas o efectos que hacen más atractiva la experiencia usuario, hacen que sea indispensable comprobar si esa experiencia que estamos buscando no nos devuelva justo lo...
leer más
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ás