Imagen: Tipografía para el diseño responsivo con CSSrangizzzShu­t­te­r­s­to­ck

Ti­po­gra­fía para el diseño re­s­po­n­si­vo con CSS

En el diseño re­s­po­n­si­vo, la ti­po­gra­fía suele quedar en segundo plano, aunque es clave para la le­gi­bi­li­dad y la ex­pe­rie­n­cia de usuario. En este artículo ex­pli­ca­mos cómo crear ti­po­gra­fía web adaptable con CSS, qué unidades son más adecuadas y cómo escalar tamaños de fuente de forma…

Leer más
Imagen: ¿Qué alternativas a Photoshop son las más destacadas?Kaspars GrinvaldsShu­t­te­r­s­to­ck

¿Qué al­te­r­na­ti­vas a Photoshop son las más de­s­ta­ca­das?

Adobe Photoshop es uno de los programas de edición más completos, pero su precio y co­m­ple­ji­dad pueden ser un desafío para muchos. Si buscas opciones más ac­ce­si­bles, te mostramos las mejores al­te­r­na­ti­vas gratuitas y de pago, con funciones similares para sa­ti­s­fa­cer tus ne­ce­si­da­des…

Leer más
Imagen: ¿Qué es la interfaz de usuario (UI) y cómo funciona?FinestockShu­t­te­r­s­to­ck

¿Qué es la interfaz de usuario (UI) y cómo funciona?

Una interfaz de usuario (UI) atractiva e intuitiva facilita el uso de una página web o app y mejora la ex­pe­rie­n­cia. Además de la interfaz gráfica de usuario (GUI), hoy existen otras variantes como las in­te­r­fa­ces de voz o las in­te­r­fa­ces cerebro-ordenador. En este artículo…

Leer más
Imagen: Cómo crear una galería de imágenes para tu página webVasilyev AlexandrShu­t­te­r­s­to­ck

Cómo crear una galería de imágenes para tu página web

Internet vive de co­n­te­ni­dos mu­l­ti­me­dia. Ya sean imágenes, GIF o vídeos, sin estímulos visuales muchas páginas web serían simples bloques de texto y las tiendas online, meras listas de productos. Una forma clásica y eficaz de presentar co­n­te­ni­dos visuales es crear una galería de…

Leer más
Imagen: 6 herramientas para crear infografíasal­pha­s­pi­rit.itShu­t­te­r­s­to­ck

6 he­rra­mie­n­tas para crear in­fo­gra­fías

¿Quieres crear in­fo­gra­fías vi­sua­l­me­n­te atra­c­ti­vas para mejorar tu contenido y tra­n­s­mi­tir in­fo­r­ma­ción de forma clara y rápida? Con las he­rra­mie­n­tas online adecuadas, puedes diseñar in­fo­gra­fías im­pa­c­ta­n­tes en muy poco tiempo, tanto para pre­se­n­ta­cio­nes como para páginas web, blogs o…

Leer más
Imagen: ¿Qué es el diseño web adaptativo?Ni­coE­l­NinoShu­t­te­r­s­to­ck

¿Qué es el diseño web ada­p­ta­ti­vo?

Hoy en día, las páginas web se consultan desde móviles, tablets y or­de­na­do­res con tamaños de pantalla muy distintos. El diseño web ada­p­ta­ti­vo permite ofrecer co­n­te­ni­dos op­ti­mi­za­dos para cada di­s­po­si­ti­vo mediante versiones es­pe­cí­fi­cas. Así mejoras la ex­pe­rie­n­cia de usuario, la…

Leer más
Imagen: Tamaño del favicon: medidas recomendadas y formatoskozirskyShu­t­te­r­s­to­ck

Tamaño del favicon: medidas re­co­me­n­da­das y formatos

El tamaño y las medidas de un favicon importan más de lo que parece: de­te­r­mi­nan si tu icono se muestra bien en na­ve­ga­do­res, móviles o pestañas de apli­ca­cio­nes. En esta guía apre­n­de­rás qué di­me­n­sio­nes debe tener un favicon, qué formatos de imagen se aceptan y qué di­fe­re­n­cias hay…

Leer más
Imagen: Poner un favicon en HTMLRawpixel.comShu­t­te­r­s­to­ck

Poner un favicon en HTML

Insertar un favicon en HTML es una de las formas más sencillas de que tu página web se vea más pro­fe­sio­nal y fácil de ide­n­ti­fi­car. Un buen favicon mejora el re­co­no­ci­mie­n­to de tu marca en pestañas, ma­r­ca­do­res y re­su­l­ta­dos de búsqueda. En esta guía te mostramos cómo poner un…

Leer más