En esta ocasión te muestro lo sencillo que es migrar de Tailwind 3 a Tailwind 4 usando el plugin Winden.

✅ El archivo CSS se conserva casi igual.
✅ Solo cambiamos la forma de importar Tailwind, añadir plugins y usar la nueva directiva @theme.
✅ Con unos pocos ajustes, ya puedes aprovechar todas las mejoras de Tailwind 4 sin perder tu flujo de trabajo.

Este vídeo ya tiene un tiempo, pero lo curioso es que hoy cobra más vigencia que nunca.
En esta charla de WordCamp descubrirás cómo Tailwind CSS puede transformar tu forma de trabajar con WordPress: menos CSS que escribir, un flujo de trabajo más ágil y proyectos mucho más fáciles de mantener.

Aprenderás:
✅ Por qué Tailwind sigue siendo el framework más eficiente para WordPress
✅ Cómo integrarlo con temas, plugins y el editor de bloques
✅ Qué errores evitar al empezar
✅ Cómo ahorrar tiempo y esfuerzo en cada proyecto

👉 Aunque la charla no es nueva, las ideas que plantea son más actuales que nunca. Dale al play y comprueba cómo Tailwind puede revolucionar tu desarrollo con WordPress hoy mismo.

En el canal de Daveden harán hoy/mañana (16:00 hora peninsular) un directo para mostrar la versión PRO beta.
Si estás valorando alternativas a Brick, puede interesarte echarle un vistazo.

🔗 Enlace al directo (oficial): https://www.youtube.com/watch?v=YeECAB9gT5Y
Nota: no es nuestro evento; solo compartimos el enlace por si te resulta útil.

Ya está disponible WindPress 3.3.59, y viene con una corrección clave:
👉 Se ha solucionado el bug del preflight con Tailwind 3, que justamente comentamos juntos en la sesión de la semana pasada.

Si estabas teniendo problemas con el preflight, te recomendamos actualizar cuanto antes.

¿Alguien ya lo ha probado? ¿Notáis mejoras en vuestros proyectos? 💬

En este video vas a aprender cómo construir un bloque de preguntas frecuentes paso a paso, crear tu primer componente en Bricks y aprovechar el poder de Tailwind para aplicar estilos y activar un modo oscuro sin complicaciones.

Muchos creen que usar Tailwind en Bricks es solo “aprender clases”, pero los errores vienen de otro lado: capas mal gestionadas, estilos repetidos, valores arbitrarios…

En este artículo te mostramos:
✅ Los errores más frecuentes que frenan tu proyecto.
✅ Ejemplos prácticos para detectarlos y corregirlos.
✅ Cómo el sistema Flowtitude hace que la mayoría de estos problemas desaparezcan automáticamente.

👉 Léelo aquí: https://flowtitude.com/tailwind-bricks-errores/

¿Has caído en alguno de estos errores? Cuéntanos en los comentarios 👇

🚀 ¡Nuevo video en el canal! Ya llevamos casi dos años trabajándolas en proyectos reales y te muestro por qué son tan sencillas de usar Con Bricks Builder.

En este tutorial te muestro cómo estructurar tus páginas en Bricks Builder usando el patrón sección + contenedor, aprovechar el padding vertical inteligente y aplicar diferentes diseños con utilidades de Tailwind sin complicar la estructura.

Bricks acaba de lanzar la versión 2.0.2, una actualización de seguimiento de la gran 2.0 que trae más de 70 mejoras y correcciones de errores.
La próxima versión prevista será la 2.1, donde llegarán novedades de peso, pero mientras tanto esta release pule muchos detalles importantes.

🔑 Novedades destacadas

• Form element: ahora soporta validación mediante el atributo pattern en campos de texto, email, tel, url, password y search.
• Cart Coupon: nuevo ajuste “Update cart via AJAX” para mejorar la experiencia de usuario en el checkout.
• Map element: nuevo ajuste “Loading” para controlar el lazy load cuando no se usa API key.
• SVG element: ahora admite rutas/URLs dinámicas al SVG.

⚡ Mejoras clave

• Builder: se han optimizado controles de flexbox y background images.
• Color control & Theme Styles: ajustes en la interfaz, con indicadores más claros de estilos heredados y de configuración activa.
• WooCommerce: breadcrumbs con iconos personalizables y mejoras en compatibilidad de botones y plantillas.
• Query Filters: opciones de select, radio y checkbox ahora se ordenan automáticamente.

🛠️ Correcciones importantes

• Cascade Layers:

  • Correcciones en Lightbox de WooCommerce, acordeones y dropdowns.
  • Se ha renombrado la clase .sticky a .brx-sticky para evitar conflictos de estilos.
  • Ajustes en imágenes y galerías de Gutenberg que antes heredaban estilos erróneos.

• Clases y Variables:

  • Se soluciona el problema al añadir múltiples clases de golpe (solo añadía la última).
  • Los reseteos de estilos ahora actualizan correctamente los controles del panel.
  • Correcciones al trabajar con componentes y atributos dinámicos.

• Compatibilidad con WPML, Polylang y TranslatePress: se corrigen copias automáticas de ajustes y problemas en etiquetas dinámicas.

• WooCommerce: fixes en cart template (10.1.0), slider de galería de producto y mini cart.

📌 Impacto en Tailwind y Flowtitude

Esta versión no introduce cambios directos en la integración de Tailwind, pero hay puntos a vigilar para proyectos con Flowtitude:

• El renombrado de la clase .sticky a .brx-sticky es relevante si estabas sobreescribiendo estilos con Tailwind en Flowtitude. Será necesario revisar selectores personalizados.
• Las correcciones en Cascade Layers ayudan a mantener más limpio el sistema de capas, algo clave cuando se combina la capa bricks con la capa utilities de Tailwind.
• Las mejoras en gestión de clases y reseteo de estilos evitan inconsistencias al aplicar utilidades de Tailwind en múltiples componentes.

👉 En resumen: Bricks 2.0.2 es una actualización sólida de mantenimiento que pule gran parte de los errores introducidos con la 2.0, especialmente en clases, capas de estilo y compatibilidad WooCommerce/Gutenberg. Para quienes usamos Flowtitude + Tailwind, lo más importante es revisar los cambios en .sticky → .brx-sticky y estar atentos a los ajustes de cascade layers.

En el último vídeo (menos de 2 minutos) te mostramos cómo usar la clase block-bleed para que un bloque se expanda al ancho completo del viewport, eliminando el padding lateral del contenedor.

👉 Esto es muy útil para secciones que necesitan destacar, como banners, sliders o bloques de color que “rompen” la estructura de la página.