Blogging

La Tienda de los Bloguers

Añade tus productos

Distingue entre unidades absolutas (ej. px, fijas) y relativas (ej. em, rem, %, vw, escalan con referencia) en CSS y cuándo usar cada una.

¿Cuál es la diferencia entre unidades absolutas y unidades relativas en CSS?

Entiende las variables CSS (propiedades personalizadas): qué son, cómo se definen (--nombre: valor) y sus ventajas para la reutilización y mantenimiento.

¿Qué son las variables CSS (Custom Properties) y por qué son útiles?

Distingue entre transiciones CSS (cambios suaves entre dos estados por un disparador) y animaciones CSS (secuencias complejas con @keyframes).

¿Cuál es la diferencia entre transiciones y animaciones en CSS?

Explora las diversas formas de definir colores en CSS: por nombre, hexadecimal (HEX), RGB/RGBA y HSL/HSLA, cada una con su sintaxis y usos.

¿Cuáles son las diferentes formas de especificar colores en CSS?

Alguna vez te has preguntado por qué ya no retienes la misma información que antes

+4 hábitos que están drenando tu capacidad de concentración y foco | el rincón de keren

Cambia la fuente de tu texto con font-family. Aprende a crear una lista de fuentes (font stack) y a usar familias genéricas de respaldo. ¡Tipografía fácil!

¿Cómo puedo cambiar el tipo de fuente de un texto usando la propiedad font-family en CSS?

Entiende el diseño web adaptable: el enfoque para que los sitios se vean y funcionen bien en cualquier dispositivo, y su importancia crucial hoy en día.

¿Qué es el diseño web adaptable y por qué es crucial para los sitios web modernos?

Descubre una conmovedora historia de reconciliación con mi padre: inconclusa, pero profundamente sanadora. Explora sus lecciones y emprende tu propio viaje emocional hoy mismo

Reconciliación con mi padre: Una poderosa historia inconclusa

Descubre CSS Grid Layout, un sistema de diseño bidimensional para maquetar páginas, y cuándo preferirlo o combinarlo con Flexbox (unidimensional).

¿Qué es CSS Grid Layout y cuándo debería usarlo en lugar de Flexbox?

Descubre CSS Flexbox, un modelo de diseño unidimensional ideal para alinear y distribuir espacio entre ítems de un contenedor de forma eficiente.

¿Qué es CSS Flexbox y cuáles son sus principales ventajas para el diseño de páginas?

ResumIA es un plugin para WordPress que añade un bloque con botones inteligentes para poder resumir cualquier artículo usando inteligencia artificial. El bloque puede insertarse manualmente mediante shortcode o agregarse automáticamente justo después del primer párrafo de cada entrada.

ResumIA el plugin para resumir artículos con IA en WordPress

Explora los valores de la propiedad position en CSS: static, relative, absolute, fixed y sticky, y cómo afectan la ubicación de los elementos.

¿Cuáles son los diferentes valores de la propiedad position en CSS?

El plugin publica automáticamente posts antiguos 'Un día como hoy, hace X años' en los horarios y años de antigüedad definidos por el usuario

BSK Recordar, un plugin para automatizar la publicación de efemérides o tus post antiguos en Bluesky

Entiende el Modelo de Caja de CSS (Box Model): el concepto de que cada elemento HTML es una caja con contenido, padding, borde y margen, y cómo se calcula.

¿Qué es el modelo de caja de CSS (Box Model)?

Los usuarios que hemos vivido el inicio de internet, y cómo ha crecido y se ha convertido en algo sumamente importante y necesario en nuestras vidas, estamos acostumbrados a muchos términos y definiciones que acompañan a la red de redes. Pero las nuevas generaciones se encuentran con un internet y…

Qué es un blog y cómo puede ayudar a tu negocio online

Entiende qué son los selectores CSS y su importancia fundamental para apuntar y aplicar estilos a elementos HTML específicos de forma precisa.

¿Qué son los selectores CSS y por qué son tan importantes?

display: block vs inline en CSS: block ocupa todo el ancho y nueva línea; inline fluye con su contenido. ¡Controla tu layout y dimensiones!

¿Cuál es la diferencia entre display: inline y display: block en CSS?

Te traigo esta Mini Guía WordPress para novatos, es una pequeña introducción en el mundo de este famoso CMS. Hay que diferenciar entre WordPress.com y WordPress.org.

Mini Guía Wordpress para novatos + Infografía

Aprende a cambiar el color de fondo de cualquier elemento HTML usando la propiedad background-color en CSS y diferentes formatos de color.

¿Cómo cambiar el color de fondo de un elemento en CSS?

Descubre qué es CSS (Hojas de Estilo en Cascada) y cómo este lenguaje de diseño gráfico define la apariencia y el formato de documentos HTML, controlando estilos.

¿Qué es CSS y para qué se utiliza en el desarrollo web?

Perfmatters, en su versión 2.5.3 del 11 de noviembre añadió una función llamada 'Code' con la puedes añadir fragmentos de código PHP, JS , CSS y HTML

Añade tus code snippets con Perfmatters

¿Quieres mejorar la experiencia de usuario en tu blog? Descubre cómo añadir botones automáticos para que tus lectores puedan resumir tus artículos con ChatGPT, Perplexity o Google AI con un solo clic. Incluye código listo para copiar y pegar.

Potencia tu contenido: Cómo añadir botones de resumen con IA a tu web

¿Tus componentes se rompen al cambiarlos de sitio? Descubre las «CSS Container Queries», la técnica que te permite crear tarjetas y bloques que se adaptan solos al espacio que tienen. ¡Sigue este tutorial práctico y lleva tu diseño adaptable al siguiente nivel!

Domina las «container queries» | Diseño web adaptable sin líos

¿Tu web WordPress va lenta? Aprende a optimizarla paso a paso. Descubre cómo mejorar la velocidad de carga, desde el hosting y la optimización de imágenes (WebP/AVIF) hasta la caché, CDN y limpieza de base de datos.

Guía esencial de rendimiento en WordPress para una web veloz

¿Alguna vez has sentido que tu web WordPress va un poquito a pedales? A veces, sin quererlo, nuestros queridos plugins, esos pequeños ayudantes tan útiles, pueden convertirse en un lastre si no controlamos cómo y cuándo se cargan.

[Guía paso a paso] Carga condicional de plugins en WordPress

A lo tonto, hace ya más de dos años que dejé de usar Google Analytics e hice la mudanza a Matomo On-Premise autoalojado. Y tan contento. Si utilizas Matomo On-Premise, ya sabes que es una..

Widget de Matomo de visitas en tiempo real para WordPress sin plugins

¿Publicas artículos largos y difíciles de navegar? En este tutorial te enseño, paso a paso, a crear tu propia tabla de contenidos dinámica y plegable para WordPress con HTML, CSS y JavaScript. ¡Di adiós a los plugins y toma el control total de la experiencia de tus lectores!

Crear Tabla de Contenidos en WordPress con HTML, CSS y JS

¿Sientes un pequeño nudo en el estómago cada vez que ves el aviso de actualización de WordPress? ¡Se acabó el miedo! Con este tutorial paso a paso, aprenderás un método infalible para actualizar tu web (incluso si usas un maquetador visual) de forma segura.

Cómo actualizar WordPress: Guía segura paso a paso

Descubra las causas científicas del aumento de peso en la mediana edad y soluciones prácticas. Actúe hoy con consejos sobre fuerza, proteína y actividad diaria

Aumento de peso en la mediana edad: lo que dice la ciencia

He recopilado y respondido a las preguntas más frecuentes sobre CSS, cubriendo un amplio espectro que va desde los conceptos fundamentales para quienes se inician, hasta las técnicas más avanzadas y aspectos del CSS moderno.

Preguntas y Respuestas sobre CSS