WINDEV NOUVELLE VERSION 2024

OUVERTURE WEB : TAILWINDCSS 800 N o u v e a u t é W D W B WM TAILWINDCSS : UNE BIBLIOTHÈQUE DE CLASSES UTILITAIRES PRÉDÉFI- NIES TailwindCSS est un framework CSS de classes utilitaires très utilisé. TailwindCSS est composé de classes CSS qui définissent de nom- breux styles et comportements d’aspect. WEBDEV 2024 offre la compatibilité avec ce framework. Les classes TailwindCSS décrivent également des règles de posi- tionnement. Ces règles sont supportées par les champs WEBDEV contenus dans des flexbox ou des grilles CSS. Gain apporté par la nouveauté 2024 : Un positionnement selon vos règles 801 N o u v e a u t é W D W B WM TAILWINDCSS : COMMENT L’UTILISER DANS WEBDEV Pour utiliser TailwindCSS avec WEBDEV 2024, il suffit d’activer l’op- tion dans le projet ! Il n’y a rien à installer ni à configurer: il suffit de saisir le nom ou les noms des classes TailwindCSS à utiliser dans l’onglet Styles. WEBDEV génère automatiquement les feuilles de styles CSS cor- respondants aux classes TailwindCSS utilisées. Un rappel: avec WEBDEV 2024, un champ peut utiliser simultané- ment plusieurs styles CSS. Classes TailwindCSS sélectionnées par le développeur pour ce champ. Gain apporté par la nouveauté 2024 : Un positionnement selon vos règles 802 N o u v e a u t é W D W B WM TAILWINDCSS : WYSIWYG L’éditeur de pages de WEBDEV visualise en mode WYSIWYG les champs WEBDEV utilisant des classes TaillwindCSS. Affiché à l’aide de classe TailwindCSS ! Gain apporté par la nouveauté 2024 : Aperçu immédiat 803 N o u v e a u t é W D W B WM TAILWINDCSS : TECHNIQUES TaiwindCSS propose de nombreuses fonctionnalités : • variantes par état • media queries pour modifier l’aspect des champs • fichier de configuration pour définir ses propres classes, qui agrègent les classes de base • ... Ces fonctionnalités sont supportées par WEBDEV 2024. Gain apporté par la nouveauté 2024 : Puissant 81 L e s n o u v e a u t é s W I ND E V 2 0 2 4 WE B D E V 2 0 2 4 W I ND E V Mo b i l e 2 0 2 4