Dev front

Dev front

Mixing up our styling recipe for Ray v3

L'article présente une mise à jour sur les techniques de style dans Ray v3, soulignant l'importance de Tailwind CSS tout en abordant les défis liés à la gestion des variantes de composants et des conflits de styles. Il propose des outils tels que prettier-plugin-tailwindcss pour l'organisation des classes, tailwind-merge pour résoudre les conflits de classes, clsx pour la construction des noms de classes conditionnels, et cva pour gérer les variantes. La combinaison de ces outils vise à améliorer et simplifier l'expérience des développeurs lors de la gestion des styles dans des applications complexes, offrant un accent particulier sur la lisibilité et la maintenabilité du code.

Dev front

Feature-based React Architecture

Cet article explore l'architecture basée sur les fonctionnalités dans React, permettant de créer et de maintenir des applications de grande envergure. Il décrit comment décomposer les composants et les fonctions de récupération de données en ayant un souci constant de se concentrer sur une seule fonctionnalité, ce qui simplifie l'architecture tout en améliorant la performance grâce à la récupération de données parallèle.

Dev front

Tailwind CSS v3.1: You wanna get nuts? Come on, let's get nuts! - Tailwind CSS

La version 3.1 de Tailwind CSS apporte des améliorations importantes, notamment des types TypeScript pour les API, un support intégré des imports CSS dans l'outil CLI, la possibilité de modifier l'opacité des couleurs via une nouvelle syntaxe, et des utilitaires supplémentaires pour l'espacement des bordures. Ces changements visent à simplifier le développement, à améliorer l'organisation du code CSS et à faciliter l'utilisation de variables CSS.

Dev front

Tailwind UI: Site templates and all-access - Tailwind CSS

L'article annonce la sortie de modèles de sites Web prêts à l'emploi basés sur Tailwind CSS et Next.js. Les modèles incluent des conceptions pour des sites de documentation, des pages de destination, des sites marketing et des podcasts, le tout accessible via un nouveau package all-access. Cela vise à offrir aux développeurs une ressource éducative pour comprendre comment construire des sites modernes avec Tailwind CSS en explorant des codebases réelles. Chaque modèle est vendu individuellement ou dans un package complet pour un coût unique.

Dev front

New Tailwind CSS + Framer Motion template and Tailwind Jobs - Tailwind CSS

L'article présente une nouvelle template Tailwind UI, nommée Pocket, qui utilise Next.js et Framer Motion pour des animations interactives. Il mentionne également le lancement d'un tableau d'emploi Tailwind Jobs pour connecter les employeurs et les développeurs. La mise à jour aborde aussi les projets à venir, comme de nouvelles versions et composants pour Tailwind UI.

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.

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.

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.

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

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.