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
Imagen: CSS en HTML: guía paso a paso con ejemplosREDPIXEL.PLshu­t­te­r­s­to­ck

CSS en HTML: guía paso a paso con ejemplos

HTML y CSS son dos de los pilares fu­n­da­me­n­ta­les del World Wide Web y suelen uti­li­zar­se juntos para crear páginas web atra­c­ti­vas. Si trabajas con un documento HTML y quieres incluir CSS en HTML, existen distintos métodos internos y externos para aplicar de forma eficaz las reglas…

Leer más
Imagen: Breadcrumb trail o migas de pan: las ventajas de la ruta de navegaciónspicyPXLShu­t­te­r­s­to­ck

Brea­d­cru­mb trail o migas de pan: las ventajas de la ruta de na­ve­ga­ción

Una na­ve­ga­ción brea­d­cru­mb, o na­ve­ga­ción de migas de pan, ayuda a los vi­si­ta­n­tes de tu página web a orie­n­tar­se mejor: ofrece una visión rápida de la es­tru­c­tu­ra del sitio, de los filtros aplicados o de las ca­te­go­rías pri­n­ci­pa­les. Te ex­pli­ca­mos qué es un brea­d­cru­mb trail, por qué es…

Leer más
Imagen: JPG o PNG: comparación de los dos formatos de imagenSergey NivensShu­t­te­r­s­to­ck

JPG o PNG: co­m­pa­ra­ción de los dos formatos de imagen

JPG o PNG: nuestra co­m­pa­ra­ti­va te muestra las ventajas y de­s­ve­n­ta­jas de los dos formatos más populares de archivos de imagen. ¿Qué formato es más útil para cada tarea y cuáles son las di­fe­re­n­cias entre JPG y PNG? ¿Cómo afectan los di­fe­re­n­tes índices de co­m­pre­sión a la calidad de…

Leer más
Imagen: Reconoce tipografías online y gratis con WhatTheFontElena Dijourshu­t­te­r­s­to­ck

Reconoce ti­po­gra­fías online y gratis con Wha­t­The­Fo­nt

Reconocer las ti­po­gra­fías usadas puede ser muy útil. Con Wha­t­The­Fo­nt de MyFonts puedes ide­n­ti­fi­car fuentes cuyo nombre de­s­co­no­ces. Esta he­rra­mie­n­ta gratuita analiza el diseño de cada carácter y permite reconocer numerosas ti­po­gra­fías. Solo necesitas una imagen o captura de…

Leer más