¿Tu web se rompe cada vez que cambias un botón o un color?
En el nuevo artículo de Flowtitude te explico cómo aplicar Atomic Design en WordPress con Bricks + Tailwind + Flowtitude para crear un sistema modular que:
✅ Estandariza desde el átomo hasta la página
✅ Acelera cada cambio con efectos en cascada
✅ Mantiene consistencia visual y técnica sin duplicaciones
Ya disponible en el blog 👉 https://flowtitude.com/atomic-design-bricks-tailwind/
👉 ¿Qué permite?
Romper el padding horizontal del contenedor o sección que envuelve al bloque, haciendo que se expanda al 100% del viewport.
Es especialmente útil para:
- Imágenes de ancho completo
- Bandas de color que ocupen toda la pantalla
- Secciones destacadas sin limitación lateral
✅ Compatible con svw para un comportamiento preciso en todos los navegadores modernos
He escuchado vuestras sugerencias en el último directo 🎙️ y ya estamos rediseñando el componente de botones, esta vez mucho más completo y totalmente configurable.
👉 Para fomentar el uso del sistema de diseño, además de presentarlo en el canal de YouTube, lanzaremos también una versión Lite para los miembros gratuitos: más reducida, pero 100% funcional.
Ya estamos trabajando en ello 🚀. Espero más sugerencias de vuestra parte, ¡todas son bienvenidas! 🙌
🔥 Ya está disponible el primer video de la nueva etapa en YouTube:
Este flujo de trabajo está pensado para que Bricks sea solo un apoyo visual y todo el diseño se controle con Tailwind.
➡️ Resultado: proyectos limpios, rápidos y fáciles de migrar a cualquier otro entorno.
¿Qué opinan de esta forma de trabajar? ¿Alguien ya lo ha probado con otros constructores además de Bricks?
👀 Aquí pueden ver el video completo: https://youtu.be/bWL31BQR1HM
Nuevo artículo centrado en @layer con Tailwind v4 y un método práctico para meter el CSS de WordPress y plugins dentro de @layer wordpress.
👉 Snippet copy/paste incluido.
¿Qué plugin te pisa estilos más a menudo?
📖 https://flowtitude.com/layer-css-wordpress-tailwind/
Queremos compartir con vosotros la llegada de la versión v4.1.12 de Tailwind CSS, publicada oficialmente hoy, 14 de agosto de 2025
Esta versión corrige una amplia variedad de errores relacionados con la extracción de clases, mejoras en el parsing, usabilidad en el CLI, compatibilidad con configuraciones antiguas y prácticas específicas de ciertos lenguajes (como Clojure, Elixir, Slang). También simplifica el desarrollo al ofrecer mensajes de error más útiles y asegura un comportamiento más consistente en distintas plataformas (p. ej., Windows).
No hay nuevas utilidades ni cambios en el API; el enfoque de esta versión está en robustecer y afinar la herramienta.
Consulta el registro de cambios para detalles técnicos https://github.com/tailwindlabs/tailwindcss/releases/tag/v4.1.12
Nos complace anunciar que ayer, 13 de agosto de 2025, se lanzó una nueva versión de WindPress: 3.3.55. Esta actualización incorpora mejoras y correcciones clave que optimizan tu experiencia de desarrollo:
Novedades destacadas de la versión 3.3.55:
- Nuevo: Inteligencia contextual (Intellisense) en la pestaña de "Archivos" para ficheros CSS.
- Nuevo: Exclusión automática de los archivos CSS y JavaScript de WindPress para WP-Rocket (issues #54).
- Mejora: La función de autocompletado ([TW4]) ahora realiza las búsquedas de manera más rápida.
- Corrección: Se soluciona un fallo de ordenación (Sort Classes glitch) en Bricks > Plain Classes.
¿Quieres más detalles?
Te recomendamos consultar la página de releases o el CHANGELOG del repositorio oficial en GitHub para profundizar en todas las mejoras, correcciones específicas y posibles instrucciones adicionales.
Aprende cómo llevar el diseño responsive al siguiente nivel.
En esta guía te mostramos cómo:
🔹 Marcar un contenedor para que Tailwind lo “observe”
🔹 Usar variantes basadas en el ancho del contenedor
🔹 Aplicarlo en Bricks Builder y Gutenberg
🔹 Aprovechar todos los tamaños disponibles en Tailwind
💬 Queremos saber:
¿Has probado ya las Container Queries en tus proyectos?
¿Qué casos de uso se te ocurren para aplicarlas?
📖 Léelo aquí → https://flowtitude.com/container-queries-tailwind-wordpress/
Hemos convertido el sistema de diseño de Flowtitude en un paquete NPM. Esto nos permite mantenerlo siempre actualizado en todos los proyectos de forma centralizada y sencilla. Además, este formato abre la puerta a usarlo sin fricción con Winden.
En los próximos días compartiremos el changelog y el calendario de versiones. ¡Gracias por el apoyo y por las pruebas en proyectos reales!
Acabamos de publicar un pequeño vídeo donde explicamos qué es Flowtitude, qué tipo de contenido encontrarás y por qué puede ayudarte en tu día a día si trabajas con WordPress, Bricks o Tailwind.
👉 Si aún no te has pasado por el canal, este es un buen momento.
¡Gracias por formar parte de la comunidad! Y si te gusta lo que ves, no olvides suscribirte 🙌