Tailwind css

Dev front

Headless UI v2.1: Simplified transition API and improved multi-dialog support - Tailwind CSS

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.

Autre

Radiant: A beautiful new marketing site template - Tailwind CSS

Radiant est un nouveau template pour sites SaaS, construit avec Next.js, Framer Motion et Tailwind CSS. Il intègre des animations interactives, optimisées pour la performance, et offre une API utile pour personnaliser les éléments. Un CMS headless, Sanity, gère le blog, simplifiant la création et la gestion de contenu tout en permettant une structuration des données. Le template privilégie une réutilisation facile dans différents contextes, en évitant les spécificités trop marquées.

Dev front

Tailwind CSS v4.0 Beta 1 - Tailwind CSS

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.

Dev front

Tailscan Blog - #resources category

Cet article présente dix ensembles de composants Tailwind CSS notables, qui ont été créés spécifiquement pour différents usages, allant des tableaux de bord d'application aux sites de marketing, mettant en lumière l'impact significatif de Tailwind CSS dans le développement web.

Dev front

Using React-Admin With Your Favorite UI Library

Cet article explique comment utiliser React-Admin avec n'importe quelle bibliothèque UI, comme DaisyUI et Tailwind CSS, au lieu de Material UI. Il décrit le processus de construction d'une application react-admin, y compris la configuration initiale, l'ajout d'un tableau de bord, la création d'une mise en page avec une barre latérale et la gestion des filtres. L'exemple proposé permet de maintenir toutes les fonctionnalités de react-admin tout en utilisant une nouvelle couche d'interface utilisateur.

Dev front

Tailwind CSS Text and Font: A Quick Overview

L'article présente un aperçu des classes de Tailwind CSS pour styliser la typographie, en détaillant les catégories de famille de polices, taille, style, et poids. Il explique également comment ajouter une police personnalisée, et comment manipuler la couleur du texte, la décoration, et le positionnement. Des exemples pratiques et des classes pour chaque caractéristique sont fournis, facilitant ainsi la personnalisation du texte dans les projets utilisant Tailwind CSS.

Dev front

The best Tailwind CSS component kits (2024)

Cet article présente une sélection des meilleurs kits de composants basés sur Tailwind CSS pour 2024. Il explore dix kits notables, chacun offrant différentes fonctionnalités et compatibilités avec des frameworks tels que React, Vue, et d'autres. Parmi les kits, on trouve Flowbite, Daisy UI et Tailwind UI, qui se distinguent par leurs bibliothèques de composants, leur support pour la collaboration via Figma, et leur capacité à faciliter le design d'interfaces. L'article conseille également d'envisager l'achat de kits payants pour les développeurs sérieux souhaitant une valeur ajoutée significative dans leurs projets.

Dev front

Tailwind CSS Grids - How to use grid with Tailwind

Cet article propose un aperçu de l'utilisation des grilles avec Tailwind CSS, en expliquant la différence entre les mises en page en grille et en flex, comment créer des mises en page de grille, contrôler l'emplacement et l'alignement des éléments, ainsi que l'utilisation de valeurs arbitraires dans les classes de grille. Les grilles permettent d'organiser facilement les éléments dans un conteneur tout en offrant une meilleure réactivité et flexibilité sur différents appareils.

Management

Tailscan is now an Open Startup

L'article annonce que Tailscan devient un Open Startup, ce qui signifie qu'il partagera publiquement ses métriques comme le revenu et la croissance des utilisateurs. L'auteur souligne l'importance de la transparence pour bâtir la confiance et responsabiliser son entreprise. Il évoque également les avantages d'attirer de nouveaux utilisateurs et les préoccupations potentielles liées à la divulgation des données, notamment le risque d'attirer des concurrents. Enfin, il mentionne un lien vers les métriques partagées et d'autres startups similaires.