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: 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: Las mejores alternativas a LightroomNAS CREATIVESShu­t­te­r­s­to­ck

Las mejores al­te­r­na­ti­vas a Lightroom

El abanico de opciones que aporta la fo­to­gra­fía digital en la ac­tua­li­dad es enorme. No obstante, no es necesario utilizar programas de pago para crear álbumes in­di­vi­dua­les y optimizar imágenes. A co­n­ti­nua­ción, te mostramos las mejores al­te­r­na­ti­vas gratuitas a Lightroom con las…

Leer más
Imagen: Alternativas a InDesign de Adobe gratuitasSFIO CRACHOShu­t­te­r­s­to­ck

Al­te­r­na­ti­vas a InDesign de Adobe gratuitas

InDesign y muchos otros programas de Adobe son la solución estándar de los pro­fe­sio­na­les creativos y de quienes quieren llegar a serlo. InDesign también es una he­rra­mie­n­ta popular y, gracias a su enorme variedad de funciones, tanto grandes edi­to­ria­les como pequeños editores…

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