Se ha liberado una nueva actualización clave de WindPress, que incluye grandes mejoras para quienes trabajan con Tailwind CSS y Meta Box.

✨ Novedades destacadas:

• Actualización a Tailwind CSS v4 (4.0.0-beta.4): Disfruta de las últimas funcionalidades y correcciones de esta versión beta, optimizando aún más tus proyectos.
• Integración con Meta Box Views (Pro): Los usuarios de la versión Pro ahora pueden aprovechar esta poderosa herramienta para personalizar vistas con aún más flexibilidad y control.

La nueva Beta 4 de Tailwind CSS 4.0 llega como una versión enfocada exclusivamente en corrección de errores y ajustes, preparando el terreno para una experiencia más estable y funcional.

🛠 Correcciones destacadas:

• Las utilidades de Tailwind ya no se escanean si el CSS no incluye @tailwind utilities cuando se usan los plugins de PostCSS o Vite.
• CSS que no utiliza funciones de Tailwind ya no se vuelve a procesar, mejorando el rendimiento al usar PostCSS y Vite.

🔧 Cambios experimentales:

• La utilidad overflow-clip ya no migra automáticamente como parte de las actualizaciones experimentales.
• Renombradas las utilidades backdrop-blur a backdrop-blur-sm y backdrop-blur-sm a backdrop-blur-xs, alineándose con una nomenclatura más clara.

🚀 Conclusión

Aunque no hay nuevas funcionalidades, esta versión se centra en optimizar el rendimiento y hacer que la transición hacia Tailwind 4.0 sea más fluida.

🔗 ¡Actualiza a Beta 4 y comprueba las mejoras en tu flujo de trabajo!

Esta semana ha sido un torbellino de actualizaciones para Tailwind CSS, y hoy nos llega la Beta 3 de Tailwind CSS 4.0. Cada nueva beta llega con ajustes importantes que consolidan el camino hacia una versión estable, y esta no es la excepción.

✨ Principales novedades y cambios en Beta 3:

🛠 Correcciones destacadas:

• Compatibilidad mejorada con Safari, Firefox e iOS, asegurando que las clases y prefijos se generen correctamente.
• Solucionados problemas con transiciones de gradientes y opacidad en Safari, especialmente en elementos con tamaño de fuente definido.
• *Variables de espaciado (--spacing-)* ahora tienen prioridad sobre las variables de contenedor (--container-).
• Clases delimitadas por tabulaciones ahora se escanean sin errores.
• Correcciones específicas para la compatibilidad de ARM en Windows y el plugin de Vite.

🔧 Mejoras experimentales y cambios:

• Gradientes interpolados usando OKLAB en lugar de OKLCH por defecto, para una representación de colores más precisa.
• Prefijos para clases .group y .peer se manejan correctamente con la opción prefix(...).
• Ahora las utilidades como translate-* y posiciones de gradientes admiten valores arbitrarios usando calc(...).
• Variables de font-size ahora usan valores de line-height sin unidades en el tema por defecto.

🚀 Conclusión

Esta versión refuerza el enfoque en resolver errores y mejorar la compatibilidad, dejando cada vez más claro que la versión final de Tailwind CSS 4.0 será un gran salto para los desarrolladores.

La nueva versión de WindPress 3.2.17 ya está disponible. Esta actualización incorpora la Beta 2 de Tailwind CSS 4, ofreciendo acceso a las últimas novedades de la herramienta, además de solucionar errores relacionados con el escaneo de clases para una experiencia más fluida.

🛠 Novedades destacadas:

• Integración con Tailwind CSS 4 Beta 2.
• Corrección de errores en el escaneo de clases.

Además, estamos trabajando en el rediseño del sitio web para ofrecer una experiencia más moderna y funcional. Este rediseño ya incluye una sección de documentación dedicada a WindPress, para que puedas consultar guías, ejemplos y configuraciones de forma sencilla.

🔗 Mantente atento a más novedades y aprovecha las mejoras de esta versión! 🚀

Aunque ya se están publicando varios videos sobre la beta 1 de Tailwind CSS 4.0, compartimos este en particular por ser de un canal reconocido y en español. Una excelente opción para quienes buscan contenido claro y accesible sobre las novedades de esta versión. 🚀

Esta actualización trae consigo mejoras significativas y nuevas funcionalidades que optimizarán el desarrollo de interfaces de usuario.

Entre las novedades más destacadas se encuentran:

• Nuevo motor de procesamiento: Tailwind CSS ahora integra Lightning CSS directamente en el framework, simplificando la configuración del pipeline de CSS y mejorando el rendimiento general.
• Soporte nativo para características modernas de CSS: Se han incorporado funcionalidades como @import, vendor prefixing, soporte para nesting y transformación de sintaxis para características modernas, facilitando el uso de CSS de última generación.
• Compatibilidad con container queries: Ahora es posible utilizar container queries directamente en el núcleo de Tailwind, permitiendo diseños más adaptativos y flexibles.
• Mejoras en la composición de variantes: La nueva arquitectura permite combinar variantes de manera más eficiente, ofreciendo mayor flexibilidad en la aplicación de estilos condicionales.
• Configuración basada en CSS: Se ha simplificado la personalización del tema mediante el uso de variables CSS y la directiva @theme, facilitando la adaptación del diseño a las necesidades específicas de cada proyecto.

Para más detalles y acceso a la documentación preliminar, visita la página oficial de Tailwind CSS:
https://tailwindcss.com/docs/v4-beta

¡Te invitamos a explorar estas nuevas características y a compartir tus impresiones con la comunidad!

No te pierdas esta introducción a las nuevas características y mejoras de Tailwind CSS v4.0, guiada por Sam Selikoff. Una oportunidad perfecta para descubrir lo que viene.

Una herramienta interesante para crear degradados de diferentes tipos con tailwind CSS.
https://hypercolor.dev/