Imagen: ¿Qué es Mobile First?UndreyShu­t­te­r­s­to­ck

¿Qué es Mobile First?

En la es­tra­te­gia Mobile First una página web se crea y optimiza primero para di­s­po­si­ti­vos móviles. Esto tiene una razón de ser: la in­de­xa­ción mobile first de Google toma desde 2021 las landing page como base para la in­de­xa­ción. Te enseñamos qué debes tener en cuenta al…

Leer más
Imagen: Cómo comprimir CSS y mejorar el rendimiento de una webUnbekanntShu­t­te­r­s­to­ck

Cómo comprimir CSS y mejorar el re­n­di­mie­n­to de una web

Hoy en día, los colores, las ti­po­gra­fías y el tamaño de los elementos HTML se definen en hojas de estilo como CSS, no di­re­c­ta­me­n­te en el código HTML. A medida que una página web se vuelve más compleja, también aumentan la cantidad y el tamaño de los archivos CSS, lo que puede…

Leer más
Imagen: Aprende a comprimir imágenesAfrica StudioShu­t­te­r­s­to­ck

Aprende a comprimir imágenes

La memoria de los or­de­na­do­res modernos no deja de aumentar. Sin embargo, no conviene agotarla con archivos muy pesados, sobre todo cuando se gestiona un proyecto en la web. Los datos co­m­pri­mi­dos se cargan más rápido, lo que se traduce en usuarios sa­ti­s­fe­chos y un buen ranking en…

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
Imagen: Responsive navigation: menús dinámicos en dispositivos móvilesREDPIXEL.PLShu­t­te­r­s­to­ck

Re­s­po­n­si­ve na­vi­ga­tion: menús dinámicos en di­s­po­si­ti­vos móviles

Las páginas web no solo deben verse bien y ser fáciles de usar en or­de­na­do­res de es­cri­to­rio, sino también ofrecer una ex­pe­rie­n­cia perfecta en otros di­s­po­si­ti­vos. El diseño re­s­po­n­si­vo permite que los co­n­te­ni­dos se adapten de forma dinámica a móviles, tablets y más. La na­ve­ga­ción…

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: Editores de imágenes gratuitos: comparativaRawpixel.comShu­t­te­r­s­to­ck

Editores de imágenes gratuitos: co­m­pa­ra­ti­va

El mercado ofrece diversos programas y apli­ca­cio­nes para editar fotos que son gratuitos y fu­n­cio­na­les. Además de los clásicos programas de es­cri­to­rio, los editores de imágenes online también de­sem­pe­ñan un papel muy im­po­r­ta­n­te. ¿Cómo se puede elegir el software que mejor se adapta…

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: 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: Comandos de CSS: instrucciones para los más utilizadosRawpixel.comShu­t­te­r­s­to­ck

Comandos de CSS: in­s­tru­c­cio­nes para los más uti­li­za­dos

Los comandos de CSS funcionan en conjunto con HTML para definir el aspecto de una página web. En este proceso, se separan los co­n­te­ni­dos de su diseño. Los comandos deben estar co­rre­c­ta­me­n­te in­te­gra­dos en el código del archivo CSS. Pero ¿cuáles son? ¿Cuál es su sintaxis?…

Leer más