Tailwind css

Dev front

Tailwind CSS v3.2: Dynamic breakpoints, multi-config, and container queries, oh my! - Tailwind CSS

La version 3.2 de Tailwind CSS introduit de nombreuses nouvelles fonctionnalités, telles que le support des points de rupture dynamiques, la prise en charge de plusieurs fichiers de configuration dans un même projet, ainsi que des requêtes de conteneur. Les améliorations permises incluent le stylage conditionnel basé sur les attributs ARIA et les attributs de données, ainsi que de nouveaux variants dynamiques. Ces ajouts visent à simplifier la gestion des configurations CSS et à améliorer la réactivité dans le développement d'interfaces web.

tailwindcss.com

tailwind css
Autre

Protocol: A beautiful starting point for your next API documentation site - Tailwind CSS

Le nouvel outil Protocol est un kit de démarrage pour construire des sites de documentation API. Il utilise Next.js et MDX pour une gestion flexible du contenu, le tout stylisé avec Tailwind CSS. Le design inclut des fonctionnalités comme des blocs de code fixes et une navigation latérale animée. En permettant aux utilisateurs de personnaliser facilement le fond et le thème, il favorise un excellent confort d'auteur grâce à mdx-annotations. Il propose également un mode sombre complet et une intégration de recherche Algolia pour améliorer l'expérience utilisateur.

tailwindcss.com

tailwind css
Dev front

New changelog template + the biggest Tailwind UI update ever - Tailwind CSS

Tailwind UI a récemment publié une mise à jour majeure, introduisant un nouveau modèle de changelog, 'Commit', conçu avec Tailwind CSS et Next.js. Cette mise à jour comprend des centaines de composants redessinés, un support pour le mode clair et sombre, et de nouvelles animations. L'accent a été mis sur l'amélioration des détails et sur la modernisation des designs pour répondre aux tendances actuelles. C'est la plus grande mise à jour de Tailwind UI à ce jour, avec des exemples de pages révisées et une réflexion continue sur de futures améliorations, notamment Tailwind CSS v4.0.

tailwindcss.com

tailwind css
Dev front

Tailwind Connect 2023: Recap of our first in-person event - Tailwind CSS

L'événement Tailwind Connect 2023 a réuni plus de 200 personnes pour discuter des nouvelles fonctionnalités de Tailwind CSS et célébrer son évolution. L'événement a inclus des présentations sur l'historique de Tailwind, des démos de nouvelles fonctionnalités CSS, et un aperçu du prochain Oxide, qui promet d'améliorer les performances et l'expérience développeur. De plus, Catalyst, un nouveau kit d'interface utilisateur pour React, a été présenté.

tailwindcss.com

tailwind css
Dev front

Meet Studio: Our beautiful new agency site template - Tailwind CSS

Découvrez 'Studio', un nouveau modèle de site web pour agences, alliant design attrayant et fonctionnalités éducatives. Développé avec Next.js et Tailwind CSS, il intègre des animations et supporte les études de cas et blogs via MDX. Ce modèle vise à aider les agences techniques à se démarquer sans se concentrer uniquement sur le design. Avec des détails réfléchis pour l'accessibilité, il sert d'outil d'apprentissage tout en offrant une base solide pour construire des sites web interactifs.

tailwindcss.com

tailwind css
Dev front

Tailwind CSS v3.4: Dynamic viewport units, :has() support, balanced headlines, subgrid, and more - Tailwind CSS

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.

tailwindcss.com

tailwind css
Dev front

Introducing Catalyst: A modern UI kit for React - Tailwind CSS

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.

tailwindcss.com

tailwind css
Dev front

Open-sourcing our progress on Tailwind CSS v4.0 - Tailwind CSS

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.

tailwindcss.com

tailwind css
Dev front

Headless UI v2.0 for React - Tailwind CSS

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é.

tailwindcss.com

tailwind css
Dev front

Catalyst: Application layouts, navigation menus, description lists, and more - Tailwind CSS

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.

tailwindcss.com

tailwind css