Dev Breeze

Dev front

We built you a new personal website + Heroicons v2.0, Headless UI v1.7, and more - Tailwind CSS

Cet article présente plusieurs mises à jour sur les projets Tailwind CSS, notamment le lancement d'un nouveau modèle de site web personnel nommé Spotlight, utilisant Next.js et MDX. De plus, une nouvelle version d'Heroicons (v2.0) avec 280 icônes redessinées est lancée, et Headless UI (v1.7) reçoit des améliorations et de nouvelles fonctionnalités, y compris un meilleur contrôle des composants d'interface utilisateur non stylés et des améliorations pour faciliter leur utilisation. Des détails sont également fournis sur des plugins et des mises à jour de documentation.

tailwindcss.com

next.jsmdxtailwind 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 cssjavascriptcss
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 cssmdxnext.js
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

next.jstailwind 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 cssreactrust
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

mdxnext.jstailwind 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 cssjavascriptcss
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 cssheadless uireact
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

rusttypescripttailwind css