Estamos trabajando en un nuevo bloque para Tailwind, que combina pestañas verticales con funcionalidad de slider, permitiendo recorrer automáticamente cada pestaña. Además, incluye una barra de progreso que indica el tiempo de visualización antes de avanzar a la siguiente. ⏳➡️
🔍 Características principales:
✅ Pestañas verticales interactivas 📑
📌 Organización clara del contenido con una navegación fluida.
✅ Función de slider automatizado 🔄
📌 Recorre cada pestaña de forma dinámica, sin necesidad de interacción manual.
✅ Barra de progreso visual 📊
📌 Muestra el tiempo restante antes de cambiar a la siguiente pestaña.
📌 Actualmente en desarrollo y pronto estará disponible dentro del sistema de bloques.
Estamos desarrollando un nuevo componente de acordeón para Tailwind que permitirá modificar su estilo completamente con clases de Tailwind, sin depender de los paneles nativos de Bricks. Esto brinda mayor flexibilidad y facilita su integración en cualquier proyecto. 🎛️✨
🔍 Características principales:
✅ 100% personalizable con Tailwind, sin necesidad de estilos predefinidos. 🎨
✅ Compatibilidad total con el sistema de diseño de Flowtitude. ⚡
✅ Control total del diseño sin depender de los paneles de Bricks.
📌 Pronto estará disponible en el sistema de componentes y, tras esto, seguiremos trabajando en un nuevo componente para pestañas. 🔥
💡 ¿Qué opciones os gustaría ver en la personalización del acordeón? ¡Dejad vuestros comentarios y sugerencias! 💬✨
Estamos trabajando en un nuevo componente de diseño basado en una rejilla de 12 + 2 + 2 columnas, lo que permitirá una mayor flexibilidad y control en la creación de layouts avanzados. 🏗️📏
Tal como vimos en la sesión del 13 de marzo, hay algunos detalles que aún estamos afinando. Actualmente el sistema es funcional, pero ciertas características aún no se han implementado de la manera óptima.
🔍 Estado actual y próximos pasos:
✅ El componente ya es funcional y se puede utilizar para estructurar diseños complejos.
⚠️ Aún hay algunas mejoras pendientes, especialmente en la forma en que se gestionan ciertos ajustes dentro de la rejilla.
🔎 Estoy explorando soluciones para corregir estos detalles y asegurar que la implementación sea lo más robusta posible.
💡 ¡Vuestra opinión es importante! Si tenéis sugerencias, comentarios o ideas para mejorar este componente, dejadlas en la comunidad. ¿Qué os gustaría ver en esta implementación? 💬✨
📢 Sigamos optimizando juntos el sistema de diseño de Flowtitude. 🚀
Estamos trabajando en un GPT personalizado diseñado específicamente para la comunidad de Flowtitude, con el objetivo de hacer el trabajo más ágil y eficiente. 🔥
Este nuevo asistente estará enfocado en nuestro sistema de diseño y traerá múltiples funcionalidades que facilitarán el día a día.
🧠 ¿Qué podrá hacer Flowtitude GPT?
✅ Consultar la documentación de Tailwind 3 y 4 📚
📌 Acceso rápido y preciso a la documentación de ambas versiones.
✅ Proporcionar enlaces de descarga del código 🔗
📌 Obtén fácilmente archivos y configuraciones sin complicaciones.
✅ Memoria para recordar configuraciones y preferencias 💾
📌 Adaptado al sistema de diseño de Flowtitude, te ayudará a mantener coherencia en tus proyectos.
✅ Optimización en flujos de trabajo ⚡
📌 Te permitirá resolver dudas, generar código y mejorar la productividad dentro de la comunidad.
💡 Ya hemos comenzado con su desarrollo y muy pronto estará disponible para pruebas.
📢 ¡Queremos escuchar vuestras ideas y sugerencias! ¿Qué más os gustaría que hiciera? Dejadnos vuestros comentarios. 💬🚀
Seguimos mejorando la configuración de Tailwind 4 en Flowtitude para ofrecer más flexibilidad y control en el diseño. 💡✨ En esta actualización, hemos añadido nuevas mejoras para el control tipográfico, el interlineado y la gestión de grids.
🔧 Novedades y mejoras:
✅ Soporte para clases de interlineado de Tailwind 3 📏
📌 Ahora puedes utilizar las clases de leading de Tailwind 3, ampliando las opciones de espaciado entre líneas y mejorando la legibilidad de los textos.
✅ Mejoras en el control tipográfico para .prose ✍️
📌 Se ha refinado la configuración tipográfica dentro de los elementos con la clase prose, ajustando tamaños, márgenes y optimizando la coherencia visual.
📌 ¡Nuevo! Se ha añadido soporte para tablas, asegurando una mejor integración con los estilos de contenido enriquecido.
✅ Optimización en la sección de content grid 🏗️
📌 Se están realizando mejoras para permitir la creación de grids más flexibles, facilitando el diseño de estructuras complejas sin complicaciones.
💡 Estas mejoras hacen que el diseño con Tailwind en Flowtitude sea aún más intuitivo y versátil.
📢 ¡Actualiza y prueba las nuevas opciones! Como siempre, esperamos tus comentarios y sugerencias en la comunidad. 💬🚀
Hemos lanzado una nueva actualización de la configuración de Tailwind 4, con mejoras significativas en la gestión de secciones, el sistema de espaciado y nuevas animaciones. Aquí te contamos los cambios más relevantes:
🔹 Cambios y mejoras:
✅ Separación de variables de Tailwind en un nuevo archivo flowtitude.css 📂
📌 Ahora, las variables personalizadas de Tailwind se gestionan en un archivo independiente, facilitando la organización y personalización del diseño.
✅ Modificación y simplificación en la gestión de secciones ✨
📌 Se ha optimizado la estructura de las secciones, eliminando sectores complejos innecesarios gracias a una mejor organización de las capas.
✅ Nuevas clases utilitarias: half-top y half-bottom 📏
📌 Permiten forzar el espaciado a la mitad de forma independiente, ideal para ajustes finos en el diseño.
✅ Nuevas animaciones Reveal 🎬
📌 Se han añadido nuevos efectos de animación Reveal para transiciones más dinámicas y fluidas.
✅ Ampliación del sistema de espaciado 📐
📌 Ahora se han añadido variantes -sm y -lg en el sistema de espaciado para bloques, columnas y secciones, brindando mayor flexibilidad en el diseño.
✅ Optimización del CSS base ⚡
📌 Se ha reducido y optimizado el CSS de la capa base, convirtiendo tantas reglas como sea posible en clases nativas de Tailwind, mejorando el rendimiento y la mantenibilidad del código.
💡 Esta actualización mejora la estructura, la eficiencia y la personalización de Tailwind 4 en Flowtitude.
📥 Ya puedes descargar la nueva versión y comenzar a aplicarla en tus proyectos. ¡Esperamos tus comentarios y sugerencias sobre estas mejoras!
📢 Cuéntanos en la comunidad cómo te funciona y qué más te gustaría ver en futuras actualizaciones. 💬✨
Se ha lanzado una nueva versión del tema hijo, que incluye una corrección importante en el orden de carga de las capas CSS para garantizar su correcto funcionamiento con Tailwind CSS 4.0. 🔧✨
✅ Corrección en la carga de capas CSS para mejorar la compatibilidad y evitar conflictos con Tailwind 4.
💡 Esta será la última actualización de mantenimiento antes de empezar a trabajar en una nueva versión, que traerá novedades interesantes para la comunidad. 📢 ¡Pronto compartiremos más detalles!
Hemos incorporado un nuevo bloque de diseño para mostrar productos de manera atractiva y funcional en tiendas online. Este bloque está pensado para mejorar la usabilidad en móvil y ofrecer una experiencia interactiva en escritorio con animaciones sutiles. 🎨✨
El numero de productos a mostrar debe ser multiplo de 3 y 4, ya que a traves de query containers los productos se ven dependiendo del tamaño del dispositivo a 1, 2, 3 y 4 columnas
Hemos incorporado un nuevo bloque de diseño pensado para mostrar noticias o publicaciones de manera más flexible y estructurada. Este bloque utiliza Subgrid, una potente funcionalidad de CSS que permite alinear y distribuir los distintos elementos dentro de cada tarjeta de manera más precisa y coherente. 🎨📐
Nueva versión de FT-Core lista para actualizar, con correcciones importantes y nuevas mejoras en la configuración de Tailwind CSS. 🔧✨
🆕 Novedades en FT-Core 1.5
✅ Corrección en el cálculo de altura con Query Containers
📌 Se ha solucionado un error en el cálculo de la altura en páginas que utilizan el ID #brx-content, asegurando un comportamiento más preciso y consistente en diseños con Query Containers.
✅ Nuevo sistema de espaciado fluido
📌 Se introduce un nuevo sistema de espaciado fluido, diseñado para ofrecer una mayor flexibilidad y escalabilidad en los proyectos.
📌 Compatibilidad asegurada: Por el momento, el nuevo sistema coexistirá con el anterior para garantizar una transición sin problemas.
