Tailwind css

Dev front

Color Generator – Kigen

Cet article présente un plugin Figma pour générer des palettes de couleurs basées sur Tailwind CSS. Le plugin permet de choisir des nuances de couleur spécifiées par des codes HEX, RGBA, HSL, et d'autres formats. Il facilite la création de contrastes adaptés pour les designs, tout en respectant les principes d'accessibilité. Ce générateur est utile pour les développeurs et designers qui cherchent à simplifier le processus de création de palettes de couleur esthétiques et fonctionnelles.

kigen.design

tailwind css
Fullstack

Organizing Form Fields

Cet article traite de l'organisation des champs de formulaire dans Symfony 7. Il aborde la manière de définir l'ordre d'affichage des champs, d'utiliser des options de priorité et de personnaliser les mises en page des champs pour un affichage optimal. Des solutions aux problèmes d'alignement des boutons et à la gestion des erreurs sont également discutées, tout en proposant des améliorations pour rendre le formulaire plus convivial. Enfin, des exemples pratiques montrent comment implémenter ces conseils dans un projet Symfony.

symfonycasts.com

tailwind css
Dev back

Client-side vs Server-side Validation

L'article traite de la validation des formulaires en utilisant Symfony, distinguant entre la validation côté client (HTML5) et côté serveur. Il souligne les limites de la validation HTML5, comme le manque de support universel et la possibilité pour les utilisateurs de la désactiver. L'article montre comment Symfony offre un composant de validation robuste qui interagit avec le composant de formulaire pour assurer des données valides avant de les enregistrer dans la base de données. Des exemples concrets de gestion des erreurs et de personnalisation des messages d'erreur sont également fournis.

symfonycasts.com

tailwind css
"
Dev front

React-Admin: September 2025 Update

Cet article présente les mises à jour de React-Admin, y compris de nouvelles fonctionnalités et des améliorations dans les versions 5.9 à 5.11. Parmi les nouveautés, on trouve le support de 'render props' pour des personnalisations faciles, de nouveaux providers d'authentification et des améliorations pour la gestion des références et de l'interface utilisateur. Un cadre pour intégrer React-Admin avec Shadcn UI a également été introduit.

marmelab.com

tailwind css
Dev back

Vu sur le Web #3 | Les-Tilleuls.coop

Ce troisième volet de la veille technologique des Tilleuls.coop présente plusieurs annonces importantes, dont le lancement de Laravel Cloud le 24 février, qui permettra un déploiement simplifié de projets Laravel et PHP. Un article explore la reconstruction du moteur de rendu de ProseMirror en React. Le rapport annuel 'State of PHP' dévoile l'utilisation croissante d'outils d'IA comme ChatGPT et GitHub Copilot, ainsi que des tendances dans l'écosystème PHP. Un article sur Symfony souligne l'importance de classes d'ID dédiées pour la sécurité de typage. Tailwind CSS v4.0 propose une refonte complète améliorant les performances. Enfin, DDEV prend en charge FrankenPHP, facilitant le développement local d'applications.

les-tilleuls.coop

tailwind css
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.

myray.app

tailwind css
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.

tailwindcss.com

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

tailwindcss.com

tailwind css
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

tailwind css