La publication annonce la sortie de Heroicons v2.1, qui comprend un tout nouveau style micro avec près de trois cents icônes 16x16, conçues pour des interfaces à forte densité comme celles du nouveau kit UI Catalyst. Les icônes ont été redessinées pour offrir une meilleure clarté à leur taille d'utilisation, optimisant ainsi l'expérience utilisateur des applications.
La version 3.4 de Tailwind CSS introduit de nouvelles fonctionnalités comme des unités de viewport dynamiques, le support de la pseudo-classe :has(), des utilitaires pour équilibrer les titres, ainsi que le support de la subgrid. Ces améliorations visent à simplifier le développement tout en offrant une plus grande flexibilité et des possibilités de personnalisation pour les développeurs.
Catalyst est un kit d'interface utilisateur moderne et entièrement componentisé pour React, publié par Tailwind CSS. Il permet aux développeurs de créer des composants personnalisés sans dépendance externe, leur offrant la flexibilité de modifier les styles directement dans leur projet. Avec une attention particulière sur les détails visuels et l'expérience utilisateur, Catalyst s'adapte automatiquement aux modes sombre et clair et offre une API intuitive inspirée du HTML pour une intégration facile.
Le développement de Tailwind CSS v4.0 est en cours avec un nouveau moteur conçu pour une meilleure performance et simplicité. Ce moteur, qui est une réécriture complète, promet d'être jusqu'à 10 fois plus rapide et 35% plus léger. La version alpha permet de tester les nouvelles fonctionnalités, y compris un parsing CSS amélioré et une intégration directe de Lightning CSS. Des outils comme les requêtes de conteneurs et les propriétés personnalisées sont également ajoutés, visant à moderniser le framework tout en gardant une approche centrée sur le CSS.
Tailwind CSS recrute un Ingénieur en Design et un Ingénieur Logiciel Senior pour des projets ambitieux. Les candidats travailleront sur la conception et le développement d'interfaces, ainsi que sur l'amélioration de bibliothèques comme Tailwind CSS et Headless UI. Les postes sont entièrement distants avec un salaire de 275,000 USD. Le travail inclut la création de composants, la documentation, et des innovations intégrées dans des outils comme Next.js et Vite.
La version 2.0 de Headless UI pour React apporte de nombreuses améliorations, notamment un positionnement d'ancre intégré, de nouveaux composants de case à cocher et de formulaires HTML, une détection améliorée des états de survol, de focus et d'activité, ainsi que la virtualisation des listes pour les combobox. La documentation a également été mise à jour et le site web a été revampé.
L'outil Catalyst a reçu une mise à jour majeure, ajoutant de nouveaux composants pour la gestion des layouts d'application, des menus de navigation et des listes de description. Avec la version 2.0 de Headless UI, Catalyst est désormais stable et prêt pour une utilisation en production. De nouveaux layouts sont présentés pour faciliter la structuration des projets, tout en supportant le mode sombre et en offrant des API simples pour une utilisation intuitive. La mise à jour inclut également des titres, des sous-titres, et des diviseurs pour améliorer l'esthétisme des applications.
La dernière version du plugin Prettier pour Tailwind CSS automatise le nettoyage des espaces inutiles et la suppression des classes dupliquées. Cela facilitera le travail des développeurs en supprimant les erreurs courantes lors de la gestion des noms de classes.
La version 2.1 de Headless UI pour React simplifie les APIs de transition et permet de gérer plusieurs dialogues à la fois sans imbriquer leurs structures. Cela facilite l'ajout de styles de transition grâce à de nouveaux attributs de données, rendant le code plus léger et simple. Les utilisateurs peuvent désormais ouvrir des dialogues multiples simultanément dans leurs applications, ce qui améliore l'expérience utilisateur lorsqu'il y a des notifications ou erreurs à afficher.
La version bêta de Tailwind CSS v4.0 est maintenant disponible, apportant de grandes améliorations de performance avec des builds jusqu'à 5 fois plus rapides et des builds incrémentiels plus de 100 fois plus rapides. Cette nouvelle version est conçue pour une expérience développeur CSS-first, permettant une personnalisation directe via CSS. Elle intègre également un support avancé pour des fonctionnalités modernes comme les requêtes de conteneur et les couleurs à large gamme.
