Derniers tutorials ajoutés (Tuto.com) https://fr.tuto.com/rss/last-entries Les derniers tutorials ajoutés sur Tuto.com fr-FR Copyright 2026 Rendu extérieur avec Enscape et SketchUp : vos projets d'architecture en images réalistes https://fr.tuto.com/sketchup/rendu-exterieur-enscape-sketchup,214011.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/214011.jpg"/><br>Un mod&egrave;le SketchUp propre, et pourtant le rendu Enscape tombe &agrave; plat : <strong>sol uniforme, arbres pos&eacute;s comme des d&eacute;coupages, lumi&egrave;re sans relief, b&eacute;ton et bois qui se ressemblent</strong>. Ce cours prend un projet d&#39;architecture avec ses abords et le m&egrave;ne jusqu&#39;&agrave; des images d&#39;architecture cr&eacute;dibles, de jour comme de nuit. Vous fabriquez vos mat&eacute;riaux ext&eacute;rieurs, vous peuplez les abords de v&eacute;g&eacute;tation et de mobilier, vous r&eacute;glez le soleil, le ciel et un HDRI, puis vous sortez des images en haute d&eacute;finition, un panorama et un ex&eacute;cutable &agrave; faire visiter &agrave; un client. Le tout en temps r&eacute;el, sans attendre des heures de calcul. <h2>Rendu ext&eacute;rieur Enscape : ce que vous saurez faire</h2> Au-del&agrave; du projet du cours, ces r&eacute;flexes se r&eacute;utilisent sur n&#39;importe quel b&acirc;timent. <ul> <li>Constituer une biblioth&egrave;que de mat&eacute;riaux ext&eacute;rieurs r&eacute;utilisables : b&eacute;ton, bois, pierre, enduit, vitrage</li> <li>Donner du relief &agrave; une fa&ccedil;ade ou un sol avec le displacement</li> <li>Corriger un placage de texture par l&#39;UV mapping au lieu de subir l&#39;&eacute;chelle par d&eacute;faut</li> <li>Peupler un terrain de v&eacute;g&eacute;tation et de mobilier sans alourdir le fichier</li> <li>Choisir une ambiance lumineuse plut&ocirc;t que la subir : soleil, ciel, HDRI</li> <li>Construire une sc&egrave;ne de nuit avec des sources artificielles coh&eacute;rentes</li> <li>M&eacute;moriser des presets d&#39;effets visuels par vue pour reproduire un rendu d&#39;un projet &agrave; l&#39;autre</li> </ul> <h3>Mat&eacute;riaux ext&eacute;rieurs : l&agrave; o&ugrave; se joue le r&eacute;alisme</h3> Quatorze vid&eacute;os sont consacr&eacute;es aux mat&eacute;riaux, parce que c&#39;est l&#39;&eacute;tape qui s&eacute;pare un rendu d&#39;&eacute;tudiant d&#39;une image de livraison. Sol des massifs, vitrage, m&eacute;tal, b&eacute;ton, bois de terrasse, matrice b&eacute;ton, pierre, enduit : chaque mat&eacute;riau est construit dans l&#39;&eacute;diteur d&#39;Enscape, puis replac&eacute; correctement sur le mod&egrave;le. Le displacement et l&#39;UV mapping, souvent laiss&eacute;s de c&ocirc;t&eacute;, sont trait&eacute;s comme des outils du quotidien. Si vous voulez aller plus loin sur la fabrication de textures depuis des photos, le cours cr&eacute;ation de mati&egrave;res r&eacute;alistes avec SketchUp et Enscape prolonge ce chapitre. <h3>Lumi&egrave;re de jour, lumi&egrave;re de nuit : deux ambiances pour une m&ecirc;me sc&egrave;ne</h3> Le soleil d&#39;Enscape, le ciel, une SkyBox HDRI, puis les presets d&#39;effets visuels appliqu&eacute;s vue par vue : le cours compare plusieurs ambiances sur le m&ecirc;me projet avant d&#39;en figer une. Le m&ecirc;me projet est ensuite repris de nuit, avec des sources lumineuses artificielles plac&eacute;es une &agrave; une et un param&eacute;trage d&eacute;di&eacute;. Le chapitre d&#39;export ferme la boucle : r&eacute;glages de rendu, image, panorama, AI Enhancer, ex&eacute;cutable autonome, et un aper&ccedil;u de la passerelle vers V-Ray et Veras. <h3>Enregistr&eacute; sur SketchUp 2025 et Enscape 4.8</h3> Depuis le tournage, Enscape a d&eacute;plac&eacute; sa biblioth&egrave;que d&#39;assets vers Chaos Cosmos. L&#39;acc&egrave;s aux objets change d&#39;apparence, mais les r&eacute;glages de mat&eacute;riaux, de lumi&egrave;re, de cam&eacute;ra et d&#39;export enseign&eacute;s ici restent ceux des versions actuelles. <h3>Pour qui</h3> Un cours de niveau interm&eacute;diaire : il suppose de savoir naviguer dans SketchUp, manipuler des groupes et des composants et g&eacute;rer des sc&egrave;nes. Aucune connaissance d&#39;Enscape n&#39;est demand&eacute;e, la barre d&#39;outils est pr&eacute;sent&eacute;e depuis le d&eacute;but. Si vous partez de z&eacute;ro sur SketchUp, commencez par le cours d&#39;initiation SketchUp. Ce cours s&#39;adresse aux architectes, paysagistes, &eacute;tudiants et passionn&eacute;s qui doivent livrer des perspectives de projet convaincantes. <h3>Pour aller plus loin</h3> Vous n&#39;avez jamais ouvert Enscape et vous voulez d&#39;abord un tour complet de l&#39;outil, int&eacute;rieur et animation vid&eacute;o compris : la formation D&eacute;couvrez Enscape est le point d&#39;entr&eacute;e. https://fr.tuto.com/sketchup/rendu-exterieur-enscape-sketchup,214011.html Fri, 16 Oct 2026 12:15:16 +0200 Dark mode en CSS natif : thème sombre automatique, mode manuel, aucun composant à réécrire https://fr.tuto.com/css/dark-mode-css-prefers-color-scheme-data-theme,219931.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/219931.jpg"/><br>Votre visiteur a r&eacute;gl&eacute; son syst&egrave;me en th&egrave;me sombre, et <strong>votre site continue de lui servir un fond blanc</strong>, parce que rien dans la feuille de style ne lit cette pr&eacute;f&eacute;rence. Ce cours ajoute le dark mode au fichier modele-style.css construit dans les &eacute;pisodes pr&eacute;c&eacute;dents : d&eacute;tection automatique avec le media query prefers-color-scheme, choix manuel par un attribut data-theme qui prend le dessus sur le r&eacute;glage syst&egrave;me, images adoucies, ombres adapt&eacute;es et transitions fluides entre les deux th&egrave;mes. Tout passe par les tokens s&eacute;mantiques, si bien qu&#39;aucun composant n&#39;a besoin d&#39;&ecirc;tre r&eacute;&eacute;crit. <h2>Dark mode CSS : ce que vous saurez faire</h2> Chaque &eacute;tape est montr&eacute;e dans le navigateur, en basculant le r&eacute;glage syst&egrave;me de Chrome entre clair et sombre. <ul> <li>Lire la pr&eacute;f&eacute;rence de th&egrave;me du syst&egrave;me sans une ligne de JavaScript</li> <li>Trier les tokens qui changent en mode sombre de ceux qui restent fixes</li> <li>Forcer un th&egrave;me clair ou sombre quel que soit le r&eacute;glage syst&egrave;me</li> <li>Piloter la luminosit&eacute; des images par un token d&eacute;di&eacute;</li> <li>Adoucir le passage d&#39;un th&egrave;me &agrave; l&#39;autre avec vos tokens d&#39;animation</li> <li>Documenter chaque niveau de tokens pour relire le fichier des mois plus tard</li> </ul> <h3>Ce qui change en mode sombre, et ce qui ne doit surtout pas bouger</h3> L&#39;erreur classique consiste &agrave; dupliquer toute la feuille de style pour le th&egrave;me sombre. Le cours fait l&#39;inverse : seules les couleurs d&#39;interaction, d&#39;&eacute;tat, de surface, de texte et de bordure sont red&eacute;finies, avec les ombres et la luminosit&eacute; des images. Typographie, espacements et rayons ne sont pas touch&eacute;s. Les nouvelles valeurs ne sont pas des codes hexad&eacute;cimaux saisis &agrave; la main mais d&#39;autres primitives de la palette d&eacute;j&agrave; en place, celle pos&eacute;e dans l&#39;&eacute;pisode sur les variables CSS et les design tokens. Le :root est red&eacute;fini une premi&egrave;re fois dans le media query, puis une seconde fois derri&egrave;re les s&eacute;lecteurs [data-theme=&quot;dark&quot;] et [data-theme=&quot;light&quot;], pos&eacute;s sur la balise html pour qu&#39;un futur bouton puisse imposer un th&egrave;me. <h3>Images trop lumineuses et bascule trop s&egrave;che : deux d&eacute;tails qui font la diff&eacute;rence</h3> Sur fond sombre, une photo gard&eacute;e &agrave; pleine luminosit&eacute; agresse l&#39;&oelig;il. Un filtre brightness pilot&eacute; par un token img-brightness, &agrave; 1 en th&egrave;me clair et abaiss&eacute; en th&egrave;me sombre, r&egrave;gle le probl&egrave;me sans retoucher les fichiers. Le changement de th&egrave;me re&ccedil;oit ensuite une transition sur la couleur, le fond, la bordure et l&#39;ombre, en r&eacute;utilisant les dur&eacute;es et les courbes d&#39;acc&eacute;l&eacute;ration d&eacute;j&agrave; d&eacute;clar&eacute;es dans les primitives. Le cours se termine en remplissant la couche utilities avec les classes sr-only et skip link, puis annonce la suite : le bouton de bascule et sa m&eacute;morisation seront l&#39;objet de l&#39;&eacute;pisode suivant. <h3>Pour qui</h3> Le badge Interm&eacute;diaire est justifi&eacute; : vous &eacute;crivez d&eacute;j&agrave; du CSS sans aide et vous savez ce qu&#39;est une variable. C&#39;est le cinqui&egrave;me &eacute;pisode d&#39;une s&eacute;rie sur le CSS moderne, et il repart du fichier modele-style.css avec ses couches @layer, son nommage BEM et ses deux niveaux de tokens. Si ce fichier ne vous dit rien, commencez par l&#39;&eacute;pisode sur les variables CSS, qui le construit. Uniquement du CSS natif, sans pr&eacute;processeur, &eacute;crit dans Visual Studio Code et test&eacute; dans un navigateur &agrave; jour. Les fichiers HTML et le modele-style.css enrichi sont fournis. <h3>Pour aller plus loin</h3> Si vous visez un cadre certifiant avec un mentor, Carl Brison encadre la formation D&eacute;veloppeur Web Front-End &eacute;ligible au CPF, dont le programme comprend la mise en place d&#39;un mode sombre. https://fr.tuto.com/css/dark-mode-css-prefers-color-scheme-data-theme,219931.html Thu, 15 Oct 2026 15:49:24 +0200 Erreurs Mac à éviter : iCloud, antivirus, Bureau en vrac, les pièges qui coûtent du temps https://fr.tuto.com/mac-os/erreurs-mac-a-eviter-gratuit,221911.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/221911.jpg"/><br>Un Bureau couvert de fichiers, un dossier T&eacute;l&eacute;chargements qui d&eacute;borde, un Mac qui ralentit sans raison apparente et <strong>la certitude, fausse, qu&#39;iCloud sauvegarde tout en cas de panne</strong> : ces habitudes n&#39;ont rien de rare, et chacune co&ucirc;te du temps ou met des fichiers en danger.<br /> Ce <strong>cours gratuit </strong>passe en revue onze erreurs que la plupart des utilisateurs de Mac font sans s&#39;en rendre compte, de l&#39;antivirus install&eacute; apr&egrave;s une fausse alerte au disque laiss&eacute; plein jusqu&#39;au dernier giga. Pour chacune, vous voyez &agrave; l&#39;&eacute;cran pourquoi elle pose probl&egrave;me et le r&eacute;glage ou le geste qui la corrige. &Agrave; la fin, vous savez o&ugrave; sont r&eacute;ellement vos documents et ce qu&#39;iCloud prot&egrave;ge ou non. <h2>Bonnes habitudes sur Mac : ce que vous saurez faire</h2> Des r&eacute;flexes qui restent valables quelle que soit la version de macOS. <ul> <li>V&eacute;rifier en deux clics si votre Bureau et vos Documents vivent sur iCloud ou sur le disque</li> <li>Distinguer ce qu&#39;iCloud synchronise de ce qu&#39;il ne sauvegarde pas</li> <li>Rep&eacute;rer une fausse alerte de virus et r&eacute;agir sans rien installer</li> <li>Garder la marge de stockage qui &eacute;vite les exports et t&eacute;l&eacute;chargements bloqu&eacute;s</li> <li>Annuler une mauvaise manipulation dans n&#39;importe quelle application, puis la r&eacute;tablir</li> <li>Remettre un Bureau en vrac d&#39;&eacute;querre avec une routine d&#39;une minute par jour</li> <li>R&eacute;gler les gestes du trackpad pour ne plus tout faire au clic</li> </ul> <h3>iCloud ne sauvegarde pas votre Mac : ce que le cours remet &agrave; plat</h3> C&#39;est l&#39;erreur la plus co&ucirc;teuse du lot. Sur iPhone, iCloud fait une copie compl&egrave;te de l&#39;appareil chaque nuit ; sur Mac, il ne synchronise que ce que vous avez coch&eacute;, et laisse de c&ocirc;t&eacute; le fond d&#39;&eacute;cran, les r&eacute;glages, les applications, l&#39;organisation du Dock et tout ce qui n&#39;est pas dans iCloud Drive. Le cours montre o&ugrave; le v&eacute;rifier dans R&eacute;glages Syst&egrave;me, explique pourquoi une sauvegarde compl&egrave;te passe par un disque externe ou Time Machine, et traite au passage un pi&egrave;ge voisin : le Bureau et les Documents plac&eacute;s sur iCloud &agrave; l&#39;installation, sans que vous le sachiez, ce qui les rend inaccessibles sans connexion. La bascule vers le disque local y est d&eacute;crite avec la pr&eacute;caution qui &eacute;vite de tout perdre. Pour aller plus loin sur la synchronisation entre vos appareils, le cours complet sur iCloud et la synchronisation Apple prend le relais. <h3>Antivirus sur Mac, Mac lent, disque plein : trois id&eacute;es re&ccedil;ues pass&eacute;es au crible</h3> Le formateur prend position sans d&eacute;tour : pas d&#39;antivirus sur Mac. Il explique ce qui se passe r&eacute;ellement derri&egrave;re les fen&ecirc;tres &laquo; votre Mac est infect&eacute; &raquo;, pourquoi ces logiciels ralentissent la machine et finissent en abonnement difficile &agrave; r&eacute;silier, et ce qui prot&egrave;ge vraiment, les mises &agrave; jour de macOS. M&ecirc;me traitement pour le Mac qui rame : un ordinateur jamais &eacute;teint et un disque rempli &agrave; ras bord expliquent la plupart des lenteurs, et le cours chiffre la marge &agrave; conserver avant que les applications refusent d&#39;exporter ou de t&eacute;l&eacute;charger. Les autres chapitres corrigent des pertes de temps du quotidien : le copier-coller l&agrave; o&ugrave; un glisser-d&eacute;poser suffit, les photos rang&eacute;es dans des dossiers au lieu de l&#39;application Photos, et Commande Z, qui rattrape une mauvaise manipulation jusque dans le Finder. Une checklist d&#39;audit de votre Mac est fournie en fichier source pour passer vos propres r&eacute;glages en revue. <h3>Pour qui</h3> Toute personne qui utilise un Mac au quotidien, &agrave; la maison ou au travail, sans pr&eacute;requis technique : la plupart des manipulations se font dans R&eacute;glages Syst&egrave;me et dans le Finder. Les anciens utilisateurs de Windows y trouveront plusieurs r&eacute;flexes &agrave; d&eacute;sapprendre. Le chapitre sur Continuit&eacute; suppose d&#39;avoir aussi un iPhone ou un iPad avec le m&ecirc;me identifiant Apple ; les autres chapitres s&#39;appliquent &agrave; n&#39;importe quel Mac sous une version r&eacute;cente de macOS. <h3>Pour aller plus loin</h3> Vous partez de z&eacute;ro ou vous venez d&#39;acheter votre premier Mac : la prise en main du Mac pour d&eacute;butant reprend le syst&egrave;me depuis la base. Vous &ecirc;tes d&eacute;j&agrave; &agrave; l&#39;aise et voulez gagner du temps chaque semaine : les astuces et r&eacute;glages pour utiliser son Mac comme un pro prolongent ce cours. https://fr.tuto.com/mac-os/erreurs-mac-a-eviter-gratuit,221911.html Wed, 14 Oct 2026 11:13:08 +0200 Muse IA et Muse Code : déléguez vos documents et votre première application à l'IA de Meta https://fr.tuto.com/muse-ia/muse-ia-muse-code-analyse-fichiers-creation-application,221821.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/221821.jpg"/><br>Meta a lanc&eacute; son IA, mais entre Muse, Muse Spark et Muse Code, <strong>vous ne savez pas lequel sert &agrave; quoi, ni lequel ouvrir pour une t&acirc;che donn&eacute;e</strong>.<br /> Ce cours d&eacute;m&ecirc;le les trois en quelques minutes, puis vous met au travail sur des fichiers fournis : un tableau de ventes &agrave; analyser, un ticket de caisse et un graphique &agrave; faire lire, deux devis PDF &agrave; comparer.<br /> <br /> Dans la seconde moiti&eacute;, vous installez Muse Code dans Visual Studio Code et vous construisez une application de suivi de budget en Next.js, sans &eacute;crire le code vous-m&ecirc;me, en pilotant l&#39;agent avec des r&egrave;gles, un mode plan et un objectif &agrave; atteindre. <h2>Muse IA et Muse Code : ce que vous saurez faire</h2> Chaque notion est appliqu&eacute;e aussit&ocirc;t dans l&#39;outil, sur un cas que vous pouvez reproduire. <ul> <li>Distinguer le mod&egrave;le, l&#39;assistant et l&#39;agent de code, et choisir le bon</li> <li>Formuler une demande avec contexte, format de sortie et v&eacute;rification</li> <li>Rep&eacute;rer une donn&eacute;e aberrante dans un fichier avant de conclure</li> <li>Obtenir une synth&egrave;se Excel et un PDF d&#39;une page &agrave; partir de donn&eacute;es brutes</li> <li>Comparer deux documents contractuels sur des crit&egrave;res que vous fixez</li> <li>Doser le niveau d&#39;effort de l&#39;agent pour ne pas br&ucirc;ler votre forfait</li> <li>Poser des r&egrave;gles de projet que l&#39;agent relit &agrave; chaque session</li> </ul> <h3>Muse IA sur vos documents : analyser, comparer, livrer</h3> Le kit fourni contient le tableau de ventes d&#39;une boulangerie sur neuf mois, avec une erreur de saisie gliss&eacute;e dedans. Muse la rep&egrave;re seul, nuance sa r&eacute;ponse, puis recalcule le meilleur mois une fois la correction donn&eacute;e. Vous en tirez un classeur de synth&egrave;se et un PDF avec graphique et recommandations, rang&eacute;s dans la biblioth&egrave;que de l&#39;outil. Sur les images, l&#39;assistant transcrit un ticket de caisse en tableau avec TVA et interpr&egrave;te la courbe de fr&eacute;quentation d&#39;un site. Sur les PDF, il compare deux devis de r&eacute;novation et montre pourquoi le moins cher ne l&#39;est pas &agrave; p&eacute;rim&egrave;tre &eacute;gal. Le formateur signale ce que l&#39;outil fait bien, et ce qu&#39;il ne faut pas lui confier sans relecture. <h3>Muse Code dans VS Code : de l&#39;installation &agrave; l&#39;application qui tourne</h3> Muse Code travaille dans le terminal, lit et modifie les fichiers de votre projet, lance des commandes et v&eacute;rifie le r&eacute;sultat. Vous l&#39;installez avec Node.js et Visual Studio Code, vous choisissez un abonnement, puis vous apprenez les commandes slash, les gestes clavier et le choix du mod&egrave;le Muse Spark. Vous cr&eacute;ez ensuite le projet mon-budget en Next.js et Tailwind, vous &eacute;crivez un fichier agent.md de r&egrave;gles, vous planifiez un formulaire de d&eacute;penses avant de le coder, et vous confiez &agrave; l&#39;agent un objectif complet, persistance, suppression, page de statistiques, v&eacute;rifi&eacute; crit&egrave;re par crit&egrave;re. Si vous connaissez d&eacute;j&agrave; Claude Code ou Codex d&#39;OpenAI, vous retrouverez la m&ecirc;me logique d&#39;agent, avec les particularit&eacute;s de Meta : agents en parall&egrave;le, sandbox, variante contributeur. <h3>Pour qui</h3> Le badge D&eacute;butant vaut pour la partie Muse IA, qui ne demande aucun pr&eacute;requis. La partie Muse Code reste accessible sans savoir coder, le formateur montre chaque commande, mais elle passe par un terminal, l&#39;installation de Node.js et quelques notions de structure de projet : il faut accepter de suivre pas &agrave; pas. Pr&eacute;voyez un compte Muse et un abonnement Muse Code, les conditions d&#39;acc&egrave;s et de disponibilit&eacute; en France sont d&eacute;taill&eacute;es dans la FAQ. Le cours est tourn&eacute; sur Windows, les commandes Mac et Linux sont indiqu&eacute;es. <h3>Pour aller plus loin</h3> Si l&#39;application Next.js vous a donn&eacute; envie de comprendre ce que l&#39;agent &eacute;crit &agrave; votre place, la formation Dev Front End, &eacute;ligible CPF, reprend React et Next.js avec un mentor individuel. https://fr.tuto.com/muse-ia/muse-ia-muse-code-analyse-fichiers-creation-application,221821.html Mon, 12 Oct 2026 16:06:53 +0200 Outils de texte dans Photoshop : composez, habillez et déformez vos titres, 5 effets inclus https://fr.tuto.com/photoshop/outils-texte-photoshop-typographie-effets,220561.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/220561.jpg"/><br>Un titre pos&eacute; dans Photoshop a vite l&#39;air coll&eacute; sur l&#39;image : police par d&eacute;faut, interlignage approximatif, et <strong>d&egrave;s que vous voulez le courber, le remplir d&#39;une photo ou le d&eacute;former, le texte se pixellise et n&#39;est plus modifiable</strong>.<br /> <br /> Ce cours reprend les outils de texte de Photoshop un par un, du s&eacute;lecteur de police aux panneaux Caract&egrave;re, Paragraphe, Glyphes et Styles, en passant par Adobe Fonts et la recherche de police similaire. Il encha&icirc;ne sur cinq effets typographiques construits en calques non destructifs, dont les fichiers PSD sont fournis. &Agrave; la fin, vos titres restent &eacute;ditables jusqu&#39;au dernier r&eacute;glage, qu&#39;ils suivent un trac&eacute;, contiennent une photo ou prennent la forme d&#39;un objet. <h2>Typographie dans Photoshop : ce que vous saurez faire</h2> Des comp&eacute;tences qui se r&eacute;utilisent sur une affiche, une maquette web ou un visuel social. <ul> <li>Remplir un lettrage avec une photo tout en gardant le texte modifiable</li> <li>Faire courir un titre sur un trac&eacute; libre, un arc ou un cercle</li> <li>R&eacute;gler finement un bloc de texte : interlettrage, c&eacute;sure, justification, retraits</li> <li>Cr&eacute;er des styles de caract&egrave;re et de paragraphe r&eacute;utilisables d&#39;un fichier &agrave; l&#39;autre</li> <li>Identifier une police vue sur une image et l&#39;activer depuis Adobe Fonts</li> <li>D&eacute;former un mot en objet dynamique sans perdre la main sur le texte</li> <li>Construire un effet de lettrage complet avec styles de calque, masques et Fluidit&eacute;</li> </ul> <h3>Cinq ateliers d&#39;effets typographiques, en calques et fichiers fournis</h3> La seconde moiti&eacute; du cours est pratique. Un mot d&eacute;coup&eacute; en deux fa&ccedil;on sticker avec contour, ombre et d&eacute;grad&eacute; enregistr&eacute;s comme style r&eacute;utilisable. Une affiche bicolore d&#39;esprit tag, textur&eacute;e au pinceau &agrave; sec et au bruit. Un lettrage fissur&eacute;, o&ugrave; trois calques de texte superpos&eacute;s sont entaill&eacute;s au masque de fusion. Le mot &laquo; poire &raquo; qui &eacute;pouse la silhouette du fruit gr&acirc;ce &agrave; la grille de d&eacute;formation d&#39;un objet dynamique. Un motif de texte ondul&eacute;, r&eacute;p&eacute;t&eacute; et align&eacute;, pass&eacute; dans le filtre Fluidit&eacute; en filtre dynamique. Chaque atelier mobilise la plume en mode trac&eacute; et en mode forme, l&#39;outil d&eacute;j&agrave; au c&oelig;ur du cours D&eacute;tourage et s&eacute;lection dans Photoshop. Les cinq PSD finis sont dans les ressources, pour d&eacute;cortiquer chaque calque et chaque style. <h3>Photoshop n&#39;est pas InDesign : ce que ses outils de texte permettent vraiment</h3> Le formateur le dit d&#39;embl&eacute;e, Photoshop n&#39;a pas &eacute;t&eacute; pens&eacute; pour la mise en page, et le cours ne vend pas l&#39;inverse. Il montre en revanche tout ce que le logiciel sait faire quand on sait o&ugrave; chercher : les r&eacute;glages de c&eacute;sure et de justification cach&eacute;s dans le menu du panneau Paragraphe, les styles de caract&egrave;re et de paragraphe exportables d&#39;une machine &agrave; l&#39;autre, le panneau Glyphes pour emprunter un caract&egrave;re &agrave; une autre police, le trac&eacute; de travail qui vectorise une lettre sans toucher au calque de texte, les polices variables et OpenType dans le s&eacute;lecteur. Vous saurez aussi quand une m&eacute;thode est destructive, comme le masque de texte qui transforme vos lettres en simple s&eacute;lection, et quelle alternative garde le texte vivant. <h3>Pour qui</h3> Le badge indique D&eacute;butant, mais ce cours est le chapitre texte d&#39;une formation plus large et le formateur suppose acquis les calques, les masques de fusion, les objets dynamiques et la plume. Si ces notions sont floues, commencez par D&eacute;buter sur Photoshop : interface et calques, du m&ecirc;me formateur. Le cours est tourn&eacute; sur une version r&eacute;cente de Photoshop CC, avec le texte dynamique du panneau Propri&eacute;t&eacute;s, et les raccourcis sont donn&eacute;s en Ctrl ; sur Mac, remplacez par Cmd. Un compte Creative Cloud et une connexion internet sont n&eacute;cessaires pour la partie Adobe Fonts. <h3>Pour aller plus loin</h3> Si le texte n&#39;est qu&#39;une &eacute;tape et que vous visez une pratique professionnelle compl&egrave;te du logiciel, la formation Photoshop certifiante, &eacute;ligible au CPF couvre l&#39;ensemble du logiciel en 57 heures avec un accompagnement. https://fr.tuto.com/photoshop/outils-texte-photoshop-typographie-effets,220561.html Mon, 12 Oct 2026 09:02:41 +0200 Effet néon dans Affinity : créez des tracés de lumière sur une photo https://fr.tuto.com/affinity/effet-neon-photo-affinity-gratuit,221091.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/221091.jpg"/><br>Un trait rose pos&eacute; sur une photo ne fait pas un n&eacute;on : <strong>sans c&oelig;ur clair ni halo color&eacute;, la lumi&egrave;re reste plate et le tube semble coll&eacute; sur l&#39;image</strong>. Dans ce tuto gratuit, vous partez d&#39;un portrait, vous assombrissez le fond pour que la lumi&egrave;re ait de la place, vous donnez une ambiance bicolore &agrave; toute l&#39;image, puis vous tracez vos tubes &agrave; la plume et vous les allumez avec une lueur externe color&eacute;e et une lueur interne blanche. L&#39;effet se construit une seule fois et se duplique d&#39;un glisser sur chaque nouveau trac&eacute;, le long d&#39;un bonnet, d&#39;une joue ou d&#39;un nez. <h2>Effet n&eacute;on sur un portrait : ce que vous saurez faire</h2> Une m&eacute;thode &agrave; rejouer sur vos propres photos, avec d&#39;autres couleurs et d&#39;autres trac&eacute;s. <ul> <li>Isoler le sujet et assombrir le fond pour que la lumi&egrave;re ressorte</li> <li>Teinter toute l&#39;image en deux couleurs avec une courbe de transfert de d&eacute;grad&eacute;</li> <li>Tracer un tube &agrave; la plume et affiner ses pointes avec un profil de pression</li> <li>Composer un n&eacute;on cr&eacute;dible : contour, lueur externe color&eacute;e, lueur interne blanche</li> <li>Dupliquer un effet de calque sur tous les trac&eacute;s d&#39;un seul glisser</li> <li>Peindre une lueur diffuse sur la peau et la fondre avec un mode de fusion</li> </ul> <h3>Un seul effet de calque, dupliqu&eacute; sur tous les trac&eacute;s</h3> Tout repose sur une pile FX construite une fois : un contour orang&eacute;, une lueur externe tirant vers le rouge dont vous &eacute;largissez le rayon, et une lueur interne blanche tr&egrave;s l&eacute;g&egrave;re centr&eacute;e sur le trait. Une fois r&eacute;gl&eacute;e, elle se glisse sur chaque nouveau trac&eacute;. Le dosage se fait ensuite sur deux leviers, l&#39;&eacute;paisseur du trait, plus large sur le c&ocirc;t&eacute; du bonnet et plus fin sous le visage pour cr&eacute;er du contraste, et le couple rayon et intensit&eacute; des lueurs quand le n&eacute;on manque de puissance. Le passage du pixel au vecteur dans le m&ecirc;me document permet de replacer les points d&#39;un trac&eacute; &agrave; l&#39;outil n&oelig;ud sans rien redessiner. La vid&eacute;o commence par un d&eacute;tourage rapide avec S&eacute;lectionner le sujet ; si vous voulez aller plus loin sur cette &eacute;tape, le d&eacute;tourage et les outils de s&eacute;lection dans Affinity couvrent l&#39;ensemble des m&eacute;thodes. <h3>Pour qui</h3> Le badge D&eacute;butant est tenable si vous savez d&eacute;j&agrave; cr&eacute;er un calque, poser un calque de r&eacute;glage et tracer une courbe &agrave; la plume : le formateur encha&icirc;ne ces gestes sans les r&eacute;expliquer. Si ce n&#39;est pas encore le cas, les fondamentaux du module Pixel d&#39;Affinity posent ce socle. Le tuto est tourn&eacute; sur Affinity, l&#39;application unique qui r&eacute;unit pixel, vecteur et mise en page. Aucun fichier n&#39;est fourni : la technique s&#39;applique directement &agrave; un portrait de votre choix, de pr&eacute;f&eacute;rence contrast&eacute;. Un QCM permet de v&eacute;rifier les r&eacute;glages retenus. <h3>Pour aller plus loin</h3> Vous voulez ma&icirc;triser l&#39;ensemble du logiciel plut&ocirc;t qu&#39;un effet isol&eacute; : la formation compl&egrave;te Affinity Studio prend le relais. https://fr.tuto.com/affinity/effet-neon-photo-affinity-gratuit,221091.html Mon, 12 Oct 2026 12:20:33 +0200 Fonctions avancées de macOS : dossiers intelligents, Aperçu, actions rapides, Stage Manager https://fr.tuto.com/mac-os/fonctions-avancees-macos-finder-apercu-dossiers-intelligents,221841.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/221841.jpg"/><br>Vous retrouvez un PDF enfoui dans dix sous-dossiers, vous installez une application pour fusionner deux documents, et quand le Mac ralentit, vous red&eacute;marrez sans savoir ce qui l&#39;encombre. <strong>Tout cela, macOS sait d&eacute;j&agrave; le faire seul, mais ces fonctions ne sont jamais au premier plan.</strong> Ce cours les sort de l&#39;ombre : des dossiers intelligents qui regroupent vos fichiers sans que vous les d&eacute;placiez, Aper&ccedil;u pour r&eacute;ordonner, signer, caviarder un PDF ou d&eacute;tourer une image, des actions rapides accessibles au clic droit, Stage Manager pour ranger vos fen&ecirc;tres par activit&eacute;, et le moniteur d&#39;activit&eacute; pour mettre un nom sur ce qui fait ramer la machine. &Agrave; la fin, votre Mac travaille un peu plus &agrave; votre place, sans une seule application suppl&eacute;mentaire. <h2>Fonctions avanc&eacute;es de macOS : ce que vous saurez faire</h2> Des gestes qui restent valables quelle que soit la version de macOS que vous utilisez. <ul> <li>Cr&eacute;er un dossier qui rassemble seul tous vos PDF ou toutes vos images</li> <li>Fusionner, r&eacute;ordonner, signer et caviarder un PDF sans logiciel tiers</li> <li>Convertir, redimensionner ou d&eacute;tourer une image depuis le clic droit</li> <li>Trouver l&#39;application qui fait ramer le Mac avant de le red&eacute;marrer</li> <li>Afficher Google Drive, vos phototh&egrave;ques ou vos projets vid&eacute;o dans le Finder</li> <li>D&eacute;poser un fichier au fond d&#39;une arborescence sans ouvrir un seul dossier</li> <li>Regrouper plusieurs applications sur une m&ecirc;me sc&egrave;ne avec Stage Manager</li> </ul> <h3>Dossiers intelligents et actions rapides : laisser macOS trier &agrave; votre place</h3> Un dossier intelligent se construit avec des crit&egrave;res, type de fichier, nom, date, que l&#39;on peut combiner : tous les PDF dont le nom contient un mot donn&eacute;, par exemple. D&egrave;s qu&#39;un nouveau document correspond, il appara&icirc;t dedans, et le dossier se place dans la barre lat&eacute;rale du Finder pour rester &agrave; port&eacute;e de clic. Les actions rapides, elles, s&#39;affichent au clic droit et changent selon le fichier s&eacute;lectionn&eacute; : rotation, annotation, conversion en PNG, suppression de l&#39;arri&egrave;re-plan, cr&eacute;ation d&#39;un PDF &agrave; partir de plusieurs pages. Le cours montre aussi o&ugrave; activer les suggestions de noms de fichiers de macOS 27, qui proposent un titre d&#39;apr&egrave;s le contenu du document. Si ce sont plut&ocirc;t les raccourcis clavier, Spotlight et les captures d&#39;&eacute;cran qui vous manquent, ils sont trait&eacute;s dans les astuces et r&eacute;glages pour gagner du temps sur Mac, dont ce cours est le prolongement. <h3>Aper&ccedil;u : le PDF et la retouche d&#39;image sans rien installer</h3> Aper&ccedil;u ouvre d&eacute;j&agrave; vos PDF et vos images, mais la plupart des utilisateurs s&#39;arr&ecirc;tent &agrave; la lecture. Le chapitre consacr&eacute; &agrave; l&#39;application montre comment d&eacute;placer une page d&#39;un PDF &agrave; un autre par glisser-d&eacute;poser entre les vignettes, dupliquer ou supprimer une page, revenir &agrave; une version ant&eacute;rieure du document, caviarder une zone de fa&ccedil;on d&eacute;finitive et cr&eacute;er une signature au trackpad pour la r&eacute;utiliser. C&ocirc;t&eacute; images, vous ajustez la taille en pixels ou en centim&egrave;tres en surveillant le poids final, corrigez exposition, contraste et temp&eacute;rature, puis exportez en PNG, TIFF ou HEIC. La barre d&#39;outils d&#39;Aper&ccedil;u se personnalise pour garder sous la main les commandes que vous utilisez vraiment. <h3>Pour qui</h3> Un utilisateur de Mac qui conna&icirc;t d&eacute;j&agrave; le Finder, le Dock et les fen&ecirc;tres, et qui veut aller plus loin. Le cours ne reprend pas les bases : si vous d&eacute;couvrez le Mac ou arrivez de Windows, commencez par la prise en main du Mac pour d&eacute;butant. Les d&eacute;monstrations sont faites sous macOS 27 sur un Mac &agrave; puce Apple ; Stage Manager existe depuis macOS Ventura, les suggestions de noms de fichiers demandent macOS 27. Un guide PDF r&eacute;capitulatif est fourni en fichier source. <h3>Pour aller plus loin</h3> Si vous comptez encha&icirc;ner plusieurs cours Mac, le pack Mac, iCloud, s&eacute;curit&eacute; et Apple Intelligence r&eacute;unit la productivit&eacute; sur macOS, la synchronisation entre vos appareils, la protection du compte Apple et l&#39;IA d&#39;Apple. https://fr.tuto.com/mac-os/fonctions-avancees-macos-finder-apercu-dossiers-intelligents,221841.html Sat, 10 Oct 2026 08:22:42 +0200 GPT-6 Astra et Codex dans ChatGPT : déléguez vos documents, vos recherches et vos applications https://fr.tuto.com/chatgpt/chatgpt-gpt-codex-deleguer-documents-applications,221831.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/221831.jpg"/><br>Vous savez ce que vous voulez obtenir, un tableau de bord &agrave; partir d&#39;un fichier de ventes, un contrat propre, une pr&eacute;sentation tir&eacute;e de vos notes, mais <strong>c&#39;est encore vous qui ouvrez Excel, Word et PowerPoint pour le fabriquer</strong>. Avec GPT-6 Astra en mode Work, vous d&eacute;crivez le livrable et ChatGPT d&eacute;coupe le travail, l&#39;ex&eacute;cute et vous rend le fichier fini. Ce cours vous apprend &agrave; &eacute;crire ce brief, &agrave; faire chercher, naviguer et planifier l&#39;agent &agrave; votre place, &agrave; lui donner votre charte graphique sous forme de skill, puis &agrave; passer sur Codex pour construire une premi&egrave;re application sans &eacute;crire le code vous-m&ecirc;me. Le tout sur des fichiers fournis, avec les r&eacute;glages qui &eacute;vitent de br&ucirc;ler votre quota en une apr&egrave;s-midi. <h2>Astra et Codex au quotidien : ce que vous saurez faire</h2> Chaque notion est pos&eacute;e en une ou deux slides puis appliqu&eacute;e dans l&#39;outil, sur le fil rouge d&#39;une petite entreprise fictive. <ul> <li>Choisir entre Chat, Work et Codex selon la t&acirc;che &agrave; confier</li> <li>R&eacute;diger un brief en quatre lignes qui donne un bon r&eacute;sultat du premier coup</li> <li>Faire v&eacute;rifier des donn&eacute;es avant toute analyse et rep&eacute;rer les doublons</li> <li>Exiger la liste des modifications sur un document sensible</li> <li>Obtenir une veille chiffr&eacute;e avec des sources dat&eacute;es et cliquables</li> <li>Programmer une t&acirc;che qui se relance seule chaque semaine</li> <li>Cr&eacute;er un skill r&eacute;utilisable et un fichier agents.md pour des r&eacute;sultats homog&egrave;nes</li> <li>Versionner un projet Codex avec Git et revenir en arri&egrave;re sans casse</li> </ul> <h3>Le mode Work, vu sur des fichiers r&eacute;els</h3> Le kit fourni contient un fichier de ventes sur neuf mois, un contrat de prestation volontairement mal mis en forme et des notes de r&eacute;union en vrac. Vous en sortez un tableau de bord Excel avec graphique, un contrat structur&eacute; en articles avec sommaire et bloc de signature, puis une pr&eacute;sentation de huit diapositives. Le formateur montre aussi la modification par zone directement dans l&#39;aper&ccedil;u du fichier, et ce qu&#39;il faut interdire &agrave; l&#39;IA quand on lui confie un contrat. C&ocirc;t&eacute; recherche, un dossier de veille sur un march&eacute; artisanal sert &agrave; tester le navigateur int&eacute;gr&eacute;, les plugins et la distinction entre faits v&eacute;rifi&eacute;s et estimations. <h3>Codex, de la premi&egrave;re page &agrave; l&#39;application versionn&eacute;e</h3> La seconde partie bascule dans l&#39;agent de code d&#39;OpenAI, dans son application de bureau plut&ocirc;t qu&#39;au terminal. Vous cr&eacute;ez un projet, une page d&#39;accueil, puis un gestionnaire de t&acirc;ches complet valid&eacute; en mode plan avant la moindre ligne &eacute;crite. Vous reliez Visual Studio Code, posez des r&egrave;gles permanentes dans un fichier agents.md, cr&eacute;ez un skill de style, et connectez GitHub pour committer depuis la conversation. Si c&#39;est uniquement Codex qui vous int&eacute;resse, cette partie existe aussi en cours autonome : Codex d&#39;OpenAI, cr&eacute;ez vos applications par IA. Et si vous travaillez plut&ocirc;t c&ocirc;t&eacute; Anthropic, Claude Cowork couvre le m&ecirc;me type de d&eacute;l&eacute;gation sur vos dossiers. <h3>Pour qui</h3> Le badge D&eacute;butant vaut pleinement pour la partie Astra : aucune comp&eacute;tence Excel, Word ou PowerPoint n&#39;est n&eacute;cessaire, c&#39;est justement le point. La partie Codex reste accessible sans savoir coder, mais elle touche &agrave; Git, &agrave; GitHub et &agrave; un terminal pour une authentification, il faut accepter de suivre pas &agrave; pas. Il vous faut un abonnement ChatGPT Plus au minimum, car Astra n&#39;est pas propos&eacute; dans le chat classique &agrave; ce niveau de plan, et un ordinateur Windows ou Mac. Les d&eacute;monstrations sont film&eacute;es sur Windows. Le formateur travaille sur GPT-6 Astra et pr&eacute;cise que les manipulations restent les m&ecirc;mes aux versions suivantes, seule la puissance du mod&egrave;le change. <h3>Pour aller plus loin</h3> Si vous n&#39;avez jamais structur&eacute; un prompt et que vous voulez d&#39;abord les bases du chat classique, des GPT personnalis&eacute;s et du prompt engineering, commencez par Ma&icirc;triser ChatGPT : prompt engineering et fondamentaux de l&#39;IA. https://fr.tuto.com/chatgpt/chatgpt-gpt-codex-deleguer-documents-applications,221831.html Sat, 10 Oct 2026 11:10:20 +0200 Effet verre strié dans Affinity : fragmentez un portrait en bandes façon fractal glass https://fr.tuto.com/affinity/effet-fractal-glass-portrait-affinity,221761.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/221761.jpg"/><br>Vous avez vu passer ces portraits d&eacute;coup&eacute;s en bandes verticales, comme photographi&eacute;s &agrave; travers une vitre cannel&eacute;e, <strong>sans savoir par quel bout prendre l&#39;effet dans Affinity</strong>. Il repose sur un motif en d&eacute;grad&eacute; que vous cr&eacute;ez vous-m&ecirc;me, puis sur le filtre Dispersion qui s&#39;en sert pour d&eacute;caler l&#39;image bande par bande. Vous ajoutez ensuite un relief sur la tranche de chaque lamelle, un second d&eacute;calage flout&eacute; et des textures, jusqu&#39;&agrave; un visuel pr&ecirc;t pour une pochette ou une affiche. Tout reste non destructif, chaque r&eacute;glage se reprend &agrave; tout moment. <h2>Effet fractal glass : ce que vous saurez faire</h2> Une m&eacute;thode &agrave; rejouer sur n&#39;importe quelle photo, en changeant la largeur ou l&#39;inclinaison des bandes. <ul> <li>Fabriquer une carte de dispersion en d&eacute;grad&eacute; r&eacute;p&eacute;t&eacute; sur toute l&#39;image</li> <li>Orienter l&#39;inclinaison des bandes selon la posture du sujet</li> <li>Isoler une tranche gr&acirc;ce &agrave; une s&eacute;lection par plage de tons</li> <li>Simuler un relief avec un biseau dont le remplissage reste invisible</li> <li>Superposer deux d&eacute;calages pour un rendu plus profond et l&eacute;g&egrave;rement flou</li> <li>Cadrer un effet avec un masque de calque pos&eacute; sur un groupe</li> <li>Patiner une image avec des textures en superposition et la vibrance</li> </ul> <h3>Pourquoi un motif en d&eacute;grad&eacute; pilote le filtre Dispersion</h3> Le filtre Dispersion d&eacute;cale les pixels en lisant une image en noir et blanc. En lui donnant un d&eacute;grad&eacute; r&eacute;p&eacute;t&eacute; tous les 100 pixels, vous obtenez des bandes r&eacute;guli&egrave;res, et plus la bande est fine, plus le portrait para&icirc;t fragment&eacute;. Le m&ecirc;me motif sert ensuite de r&eacute;serve de s&eacute;lections pour poser la lumi&egrave;re d&#39;un c&ocirc;t&eacute; de chaque lamelle et l&#39;ombre de l&#39;autre. Pour situer Dispersion parmi les autres filtres, le tour d&#39;horizon des filtres d&#39;Affinity Photo les replace dans leur famille. <h3>Un atelier sur images fournies, transposable &agrave; vos portraits</h3> Le portrait et les textures utilis&eacute;s sont fournis, et chaque valeur de r&eacute;glage est donn&eacute;e &agrave; l&#39;&eacute;cran pour reproduire le r&eacute;sultat &agrave; l&#39;identique avant d&#39;exp&eacute;rimenter. Une fois la proc&eacute;dure en main, vous la transposez &agrave; vos propres images : bandes plus fines, d&eacute;calage plus fort, autre mode de fusion pour le second calque. <h3>Pour qui</h3> Le tuto est pour D&eacute;butant, mais comptez sur des bases d&eacute;j&agrave; acquises : cr&eacute;er et renommer des calques, faire une s&eacute;lection, remplir un masque. Le cours ne revient pas sur ces gestes. Si ce n&#39;est pas encore le cas, les fondamentaux du module Pixel d&#39;Affinity couvrent ce socle. L&#39;atelier est tourn&eacute; sur la nouvelle application Affinity, sur un document carr&eacute; de 1500 pixels &agrave; 300 ppp, pens&eacute; pour une pochette. <h3>Pour aller plus loin</h3> Vous ouvrez Affinity pour la toute premi&egrave;re fois ? La prise en main d&#39;Affinity en une heure vous fera gagner du temps avant d&#39;attaquer cet atelier. https://fr.tuto.com/affinity/effet-fractal-glass-portrait-affinity,221761.html Wed, 07 Oct 2026 09:51:41 +0200 Chemin d'accès dynamique dans Power Query : changez de fichiers sans rouvrir l'éditeur https://fr.tuto.com/excel/power-query-chemin-acces-dynamique,221601.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/221601.jpg"/><br>Votre requ&ecirc;te Power Query fonctionnait, puis le relev&eacute; a &eacute;t&eacute; renomm&eacute;, d&eacute;plac&eacute; dans un autre dossier, ou le mois suivant est arriv&eacute; : <strong>&laquo; fichier introuvable &raquo;, et il faut rouvrir l&#39;&eacute;diteur pour corriger le chemin &agrave; la main</strong>. Un coll&egrave;gue qui ne conna&icirc;t pas Power Query reste bloqu&eacute;. Ici, le dossier racine, les ann&eacute;es et les mois sortent de la requ&ecirc;te pour vivre dans un tableau Excel. Vous changez une cellule, vous actualisez, et Power Query compose seul le chemin de chaque fichier, assemble leur contenu et signale les mois absents au lieu de tomber en erreur. <h2>Chemin d&#39;acc&egrave;s dynamique : ce que vous saurez faire</h2> La m&eacute;thode est montr&eacute;e sur des relev&eacute;s bancaires PDF, et elle vaut pour tout fichier rang&eacute; avec m&eacute;thode. <ul> <li>Nommer et ranger des fichiers pour que leur chemin se calcule</li> <li>Transformer une cellule Excel en param&egrave;tre lu par Power Query</li> <li>Lire un param&egrave;tre par son nom, &agrave; l&#39;abri d&#39;un tri</li> <li>Assembler texte et nombres avec Text.From et Text.PadStart</li> <li>G&eacute;n&eacute;rer une plage d&#39;ann&eacute;es ou de mois &agrave; partir de deux bornes</li> <li>Neutraliser un fichier manquant avec try &hellip; otherwise</li> <li>Faire commenter et ordonner le code M par une IA</li> </ul> <h3>Param&egrave;tres Power Query : l&#39;erreur silencieuse du tri</h3> La fa&ccedil;on la plus rapide de cr&eacute;er un param&egrave;tre, un clic droit puis &laquo; Descendre dans la hi&eacute;rarchie &raquo;, lit une position de ligne. Triez le tableau de param&egrave;tres et l&#39;ann&eacute;e de fin renvoie le chemin du dossier racine, sans le moindre message d&#39;erreur. Le cours provoque ce pi&egrave;ge volontairement, puis r&eacute;&eacute;crit chaque param&egrave;tre pour qu&#39;il cherche sa valeur par son nom. C&#39;est ce d&eacute;tail qui rend le classeur fiable le jour o&ugrave; quelqu&#39;un d&#39;autre s&#39;en sert. <h3>Choisir la p&eacute;riode plut&ocirc;t qu&#39;importer tout le dossier</h3> Combiner un dossier entier ram&egrave;ne tout ce qu&#39;il contient. Ici, vous d&eacute;cidez des ann&eacute;es et des mois &agrave; lire : la requ&ecirc;te croise les deux listes, calcule le chemin de chaque fichier attendu et laisse une ligne vide, ou la mention &laquo; introuvable &raquo;, quand le relev&eacute; n&#39;existe pas encore. Si vous voulez au contraire empiler tous les fichiers pr&eacute;sents sans filtrer, la combinaison de plusieurs fichiers Excel avec Power Query reste la voie la plus directe. La m&ecirc;me logique s&#39;adapte &agrave; d&#39;autres formats que le PDF, en changeant seulement le connecteur. <h3>Pour qui</h3> Vous devez d&eacute;j&agrave; avoir ouvert l&#39;&eacute;diteur Power Query et &ecirc;tre pr&ecirc;t &agrave; &eacute;crire quelques lignes dans la barre de formule. Le cours prolonge une s&eacute;rie sur les relev&eacute;s bancaires, apr&egrave;s le nettoyage d&#39;un relev&eacute; avec ligne Total automatique et la consolidation des relev&eacute;s de chaque nouveau mois, mais il se suit seul. La lecture des PDF demande Excel Microsoft 365 sous Windows. https://fr.tuto.com/excel/power-query-chemin-acces-dynamique,221601.html Mon, 05 Oct 2026 10:28:09 +0200 Prompt d'image pour toute IA générative : obtenez l'image que vous aviez en tête https://fr.tuto.com/midjourney/formation-prompt-image-ia,221801.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/221801.jpg"/><br>Vous avez l&#39;image en t&ecirc;te, vous r&eacute;digez le prompt, vous cliquez sur g&eacute;n&eacute;rer, et le r&eacute;sultat est correct mais g&eacute;n&eacute;rique. <strong>Ce n&#39;est pas la faute de l&#39;outil : tout ce que vous ne pr&eacute;cisez pas, l&#39;IA le remplit avec ses choix par d&eacute;faut.</strong> Ce cours vous apprend &agrave; d&eacute;crire une sc&egrave;ne comme un directeur photo, sujet, lumi&egrave;re, focale, mati&egrave;re, composition, &eacute;motion, pour que n&#39;importe quel g&eacute;n&eacute;rateur produise l&#39;image que vous vouliez, et pas une moyenne statistique. Les exemples sont r&eacute;alis&eacute;s avec Nano Banana, mais les principes s&#39;appliquent &agrave; Midjourney, DALL.E, Stable Diffusion ou Firefly, aujourd&#39;hui comme avec les mod&egrave;les qui n&#39;existent pas encore. <h2>Diriger une IA g&eacute;n&eacute;rative d&#39;images : ce que vous saurez faire</h2> Du premier mot du prompt &agrave; la production en s&eacute;rie, chaque notion est illustr&eacute;e par un avant et un apr&egrave;s. <ul> <li>Transformer une intention vague en contraintes visuelles que le mod&egrave;le sait lire</li> <li>Hi&eacute;rarchiser un prompt pour que le sujet ne passe jamais &agrave; l&#39;arri&egrave;re-plan</li> <li>D&eacute;crire une lumi&egrave;re par sa source, sa direction et sa qualit&eacute;</li> <li>Choisir une focale et un cadrage qui cr&eacute;dibilisent une photo g&eacute;n&eacute;r&eacute;e</li> <li>Traduire une &eacute;motion en posture, regard et langage corporel</li> <li>Diagnostiquer une image rat&eacute;e et corriger un seul param&egrave;tre &agrave; la fois</li> <li>Construire un template de prompt pour une s&eacute;rie coh&eacute;rente</li> </ul> <h3>Le vocabulaire du directeur photo, mis au service du prompt</h3> Les g&eacute;n&eacute;rateurs ont appris sur des millions de l&eacute;gendes de photographies professionnelles. Un prompt r&eacute;dig&eacute; dans cette langue, &laquo; lumi&egrave;re rasante de fin d&#39;apr&egrave;s-midi &raquo;, &laquo; objectif 85 mm, faible profondeur de champ &raquo;, &laquo; contre-plong&eacute;e &raquo;, est compris bien plus finement qu&#39;une description litt&eacute;raire ou qu&#39;une pile d&#39;adjectifs comme &laquo; ultra r&eacute;aliste &raquo; et &laquo; &eacute;poustouflant &raquo;, qui ne donnent aucune directive. Quatre chapitres sont consacr&eacute;s &agrave; ce vocabulaire : types et direction de la lumi&egrave;re, angles et focales, couleur et texture, puis la description d&#39;un &ecirc;tre humain cr&eacute;dible, du grain de peau aux mains, qui restent le point faible de tous les mod&egrave;les. Vous n&#39;avez pas besoin de pratiquer la photo : les termes sont expliqu&eacute;s un par un, avec l&#39;image qu&#39;ils produisent. <h3>Corriger sans tout r&eacute;&eacute;crire, puis produire en s&eacute;rie</h3> Une premi&egrave;re g&eacute;n&eacute;ration d&eacute;cevante n&#39;est pas un &eacute;chec, c&#39;est une version &agrave; analyser. Le cours propose une m&eacute;thode en sept &eacute;tapes et un check-up du prompt qui relie chaque d&eacute;faut courant &agrave; sa cause probable : image g&eacute;n&eacute;rique, sujet rel&eacute;gu&eacute; au fond, &eacute;clairage plat, styles contradictoires, texte illisible. La r&egrave;gle est de ne modifier qu&#39;un &eacute;l&eacute;ment &agrave; la fois, pour savoir ce qui a r&eacute;ellement chang&eacute;. Lorsque le besoin devient professionnel, un chapitre montre comment b&acirc;tir des templates &agrave; parties fixes et variables, et comment garder une palette, un &eacute;clairage et un ratio constants sur une s&eacute;rie de visuels, qu&#39;il s&#39;agisse de fiches produit ou de portraits &eacute;ditoriaux. Trois secteurs sont trait&eacute;s &agrave; part, avec une structure de prompt et un exemple complet pour chacun : mode, architecture et design d&#39;int&eacute;rieur, marketing et r&eacute;seaux sociaux. Pour la retouche de ce que le g&eacute;n&eacute;rateur ne sait pas faire, les 55 cas pratiques Nano Banana Pro dans Photoshop de la m&ecirc;me formatrice prennent le relais. <h3>Pour qui</h3> Aucun pr&eacute;requis : ni comp&eacute;tence en photo, ni exp&eacute;rience d&#39;un g&eacute;n&eacute;rateur en particulier. Le badge D&eacute;butant est justifi&eacute;, le cours part de la d&eacute;finition d&#39;un g&eacute;n&eacute;rateur d&#39;images et avance progressivement jusqu&#39;aux param&egrave;tres avanc&eacute;s (ratio, seed, niveau de variation, biais esth&eacute;tique). Il convient aussi &agrave; qui pratique d&eacute;j&agrave; Midjourney ou ChatGPT et obtient des r&eacute;sultats in&eacute;gaux sans savoir pourquoi. Les prompts sont r&eacute;dig&eacute;s et expliqu&eacute;s en fran&ccedil;ais. Si votre besoin est centr&eacute; sur un outil pr&eacute;cis et ses r&eacute;glages, le cours de prompt engineering avec Gemini et ChatGPT est plus direct ; celui-ci enseigne la grammaire visuelle qui sert dans tous les outils. <h3>Pour aller plus loin</h3> Vous voulez faire de la g&eacute;n&eacute;ration d&#39;images une comp&eacute;tence attest&eacute;e, sur l&#39;outil le plus utilis&eacute; par les cr&eacute;atifs : le parcours certifiant Midjourney prolonge ce cours avec une pratique guid&eacute;e et une certification. https://fr.tuto.com/midjourney/formation-prompt-image-ia,221801.html Fri, 09 Oct 2026 08:48:46 +0200 Variables CSS et design tokens : une charte graphique que vous changez en quelques lignes https://fr.tuto.com/css/variables-css-design-tokens-charte-graphique,219601.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/219601.jpg"/><br>Une couleur change dans la charte, et <strong>vous voil&agrave; &agrave; chercher le m&ecirc;me code hexad&eacute;cimal dans toute la feuille de style</strong>, avec le risque d&#39;en oublier un au passage. Les variables CSS r&egrave;glent ce probl&egrave;me &agrave; la racine : une valeur d&eacute;clar&eacute;e une fois, appel&eacute;e partout, modifi&eacute;e en une seule ligne. Ce cours va plus loin que la syntaxe. Il montre comment nommer ses variables, les red&eacute;finir localement pour cr&eacute;er des variantes de composants, puis les organiser en deux niveaux, tokens primitifs et tokens s&eacute;mantiques, jusqu&#39;&agrave; un fichier mod&egrave;le complet que vous r&eacute;utiliserez sur chaque nouveau projet. <h2>Variables CSS et design tokens : ce que vous saurez faire</h2> Chaque notion est montr&eacute;e sur une page r&eacute;elle, avec un titre, un bouton, un lien et un badge qui partagent la m&ecirc;me couleur. <ul> <li>S&eacute;curiser un style avec une valeur de secours dans var()</li> <li>Choisir un nom de variable qui dit le r&ocirc;le, pas la valeur</li> <li>Cr&eacute;er une variante de section sans dupliquer une seule r&egrave;gle</li> <li>D&eacute;finir le contrat de variables d&#39;un bloc BEM et le red&eacute;finir par modificateur</li> <li>S&eacute;parer la palette brute des r&ocirc;les fonctionnels avec deux niveaux de tokens</li> <li>Changer toute une charte graphique en modifiant une poign&eacute;e de lignes</li> <li>D&eacute;marrer un projet avec une feuille de style mod&egrave;le d&eacute;j&agrave; structur&eacute;e</li> </ul> <h3>Port&eacute;e des variables : pourquoi l&#39;ordre des r&egrave;gles ne change rien</h3> Une variable d&eacute;clar&eacute;e dans :root vaut pour toute la page, mais rien n&#39;emp&ecirc;che de la red&eacute;clarer dans une section pr&eacute;cise. Le cours le montre sur deux sections, l&#39;une par d&eacute;faut, l&#39;autre promotionnelle : la m&ecirc;me variable, red&eacute;finie en local, recolore le titre et le bouton de la seule section concern&eacute;e. D&eacute;placer la r&egrave;gle avant ou apr&egrave;s dans le fichier ne change rien au r&eacute;sultat, et c&#39;est pr&eacute;cis&eacute;ment ce que beaucoup ne comprennent pas en d&eacute;couvrant les variables CSS. La port&eacute;e suit le DOM, pas l&#39;ordre d&#39;&eacute;criture, ce qui n&#39;a rien &agrave; voir avec le comportement d&#39;une variable Sass. <h3>Contrat de variables d&#39;un composant BEM et variantes</h3> Le m&ecirc;me m&eacute;canisme s&#39;applique &agrave; un composant. Une carte d&eacute;clare ses propres variables, fond, texte et couleur d&#39;accent : c&#39;est son contrat. Les modificateurs dark et warning de la carte ne font que red&eacute;finir ce contrat, sans toucher &agrave; une seule propri&eacute;t&eacute; du bloc ni de ses &eacute;l&eacute;ments. Ajouter une variante revient alors &agrave; &eacute;crire trois lignes. Cette fa&ccedil;on de faire prolonge directement le nommage bloc, &eacute;l&eacute;ment, modificateur vu dans le cours sur la m&eacute;thode BEM. <h3>Tokens primitifs, tokens s&eacute;mantiques et fichier modele-style.css</h3> Une variable nomm&eacute;e color-blue qui contient de l&#39;orange, c&#39;est le genre d&#39;incoh&eacute;rence qui s&#39;installe au fil des retouches. La r&eacute;ponse est une couche suppl&eacute;mentaire : des primitives qui stockent les valeurs brutes de la palette, et des tokens s&eacute;mantiques, comme color-danger ou color-text-inverse, qui s&#39;y r&eacute;f&egrave;rent et portent un r&ocirc;le dans l&#39;interface. La derni&egrave;re partie enrichit le fichier mod&egrave;le commenc&eacute; dans l&#39;&eacute;pisode sur la cascade et les layers : gammes de couleurs neutral, blue, green, red et orange gradu&eacute;es de 50 &agrave; 900, typographie, tailles, graisses, espacements, rayons et ombres, puis les tokens s&eacute;mantiques pour les &eacute;tats, les surfaces, les textes et les bordures. Ce fichier de plus de 200 lignes est fourni avec le cours. <h3>Pour qui</h3> Le badge Interm&eacute;diaire correspond au contenu : vous &eacute;crivez d&eacute;j&agrave; du CSS sans aide et vous connaissez le principe d&#39;une variable dans un langage de programmation. C&#39;est le quatri&egrave;me &eacute;pisode d&#39;une s&eacute;rie sur le CSS moderne. Il suppose connus le nommage BEM et les couches @layer, pos&eacute;s dans les &eacute;pisodes pr&eacute;c&eacute;dents ; si le nesting natif vous est encore &eacute;tranger, l&#39;&eacute;pisode sur le nesting CSS et BEM se suit juste avant. Uniquement du CSS natif, sans pr&eacute;processeur, &eacute;crit dans Visual Studio Code et test&eacute; dans un navigateur &agrave; jour. Le dark mode n&#39;est pas trait&eacute; ici, la derni&egrave;re vid&eacute;o en donne seulement un aper&ccedil;u. <h3>Pour aller plus loin</h3> Si vous cherchez seulement la syntaxe des variables CSS et leur lecture depuis le HTML ou jQuery, sans l&#39;architecture en tokens, le m&ecirc;me formateur propose un cours plus court et de niveau d&eacute;butant : Simplifiez votre CSS gr&acirc;ce aux variables. Si vous visez un cadre certifiant avec un mentor, Carl Brison encadre aussi la formation D&eacute;veloppeur Web Front-End &eacute;ligible CPF, dont ce cours peut compl&eacute;ter le volet CSS. https://fr.tuto.com/css/variables-css-design-tokens-charte-graphique,219601.html Fri, 09 Oct 2026 09:50:32 +0200 Présentation Keynote sur Mac : des diapositives claires, animées et prêtes à projeter https://fr.tuto.com/keynote/keynote-creer-presentation-mac,221741.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/221741.jpg"/><br>Vous ouvrez Keynote pour une r&eacute;union, un cours ou un expos&eacute;, et <strong>vous voil&agrave; face &agrave; une page blanche, &agrave; chercher o&ugrave; se cache chaque r&eacute;glage</strong>. On finit par tout construire de z&eacute;ro, empiler les effets et douter du rendu &agrave; l&#39;&eacute;cran. Ce cours vous apprend &agrave; partir d&#39;un th&egrave;me, &agrave; enrichir vos diapositives avec images, tableaux, graphiques et vid&eacute;os, &agrave; animer juste ce qu&#39;il faut, puis &agrave; pr&eacute;senter sereinement et &agrave; envoyer votre fichier dans le format qu&#39;attend votre destinataire. <h2>Pr&eacute;sentations Keynote : ce que vous saurez faire</h2> Des r&eacute;flexes qui servent pour n&#39;importe quelle pr&eacute;sentation, professionnelle ou personnelle. <ul> <li>Partir d&#39;un th&egrave;me existant et l&#39;adapter au lieu de tout recr&eacute;er</li> <li>Retrouver n&#39;importe quel r&eacute;glage gr&acirc;ce au panneau Format contextuel</li> <li>D&eacute;tourer une image simple sans quitter Keynote</li> <li>Montrer une &eacute;volution avec un graphique interactif plut&ocirc;t que quatre graphiques</li> <li>R&eacute;gler l&#39;ordre d&#39;apparition des &eacute;l&eacute;ments pour garder l&#39;attention du public</li> <li>Pr&eacute;senter avec vos notes, la diapositive suivante et un minuteur sous les yeux</li> <li>Envoyer une version lisible par un utilisateur de PowerPoint ou en PDF</li> </ul> <h3>Animations et transitions Keynote : moins d&#39;effets, mieux plac&eacute;s</h3> Le cours distingue clairement les transitions entre deux diapositives et les animations &agrave; l&#39;int&eacute;rieur d&#39;une m&ecirc;me diapositive : entr&eacute;e, action, sortie, et surtout l&#39;ordre de composition, l&agrave; o&ugrave; l&#39;on s&#39;embrouille le plus vite. Vous verrez aussi M&eacute;tamorphose, qui fait glisser un m&ecirc;me texte ou une m&ecirc;me image d&#39;une diapositive &agrave; l&#39;autre. Le parti pris reste la sobri&eacute;t&eacute; : un effet sert &agrave; guider le regard vers ce que vous expliquez, pas &agrave; d&eacute;corer. Ces principes de mise en sc&egrave;ne valent d&#39;ailleurs sur tous les logiciels, comme le montre ce cours sur les secrets d&#39;une pr&eacute;sentation r&eacute;ussie avec PowerPoint. <h3>Un d&eacute;fi final pour mettre la m&eacute;thode en pratique</h3> Le dernier module vous propose de construire trois diapositives, titre et image, puis texte et image, puis graphique, de les faire appara&icirc;tre &eacute;tape par &eacute;tape, de les exporter et de les pr&eacute;senter. Un guide de conception Keynote est fourni avec le cours pour garder les bons rep&egrave;res sous la main. <h3>Pour qui</h3> Ce cours s&#39;adresse aux d&eacute;butants sur Keynote, y compris &agrave; ceux qui arrivent de PowerPoint et cherchent leurs marques sur Mac. Il suffit de savoir utiliser son Mac au quotidien ; si ce n&#39;est pas encore le cas, commencez par la prise en main de macOS pour d&eacute;butant. Keynote est gratuit et d&eacute;j&agrave; install&eacute; sur le Mac, aucun abonnement n&#39;est n&eacute;cessaire pour suivre le cours. <h3>Pour aller plus loin</h3> Vous passez beaucoup de temps sur votre Mac et voulez aller plus vite au quotidien : les astuces et r&eacute;glages pour utiliser son Mac comme un pro prolongent naturellement ce cours. https://fr.tuto.com/keynote/keynote-creer-presentation-mac,221741.html Tue, 06 Oct 2026 14:38:04 +0200 Outils de retouche Photoshop : effacer, corriger et remodeler vos photos, du tampon à l'IA https://fr.tuto.com/photoshop/outils-retouche-photoshop-tampon-ia,220521.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/220521.jpg"/><br>Un passant au milieu du cadre, un reflet dans des lunettes, un deuxi&egrave;me animal qui s&#39;invite au fond : <strong>la photo est r&eacute;ussie, &agrave; un d&eacute;tail pr&egrave;s, et ce d&eacute;tail suffit &agrave; la rendre inutilisable</strong>.<br /> Photoshop propose une dizaine d&#39;outils pour l&#39;effacer, du tampon de duplication &agrave; l&#39;outil Supprimer dop&eacute; &agrave; l&#39;IA, et ils ne se valent pas selon la zone &agrave; traiter.<br /> Vous apprenez &agrave; choisir le bon, &agrave; corriger lumi&egrave;re, perspective et couleur sans jamais toucher &agrave; l&#39;image d&#39;origine, puis &agrave; mettre tout cela en pratique sur quatre ateliers complets. <h2>Retouche photo dans Photoshop : ce que vous saurez faire</h2> Des r&eacute;flexes qui servent sur toutes vos images, portrait, paysage ou produit. <ul> <li>Choisir entre tampon, correcteur, pi&egrave;ce et Supprimer selon la zone</li> <li>Retoucher sur un calque vide pour garder l&#39;original intact</li> <li>Sculpter ombres et lumi&egrave;res en non destructif sur un calque gris</li> <li>&Eacute;largir ou recadrer une image sans d&eacute;former le sujet principal</li> <li>Accorder la couleur d&#39;un &eacute;l&eacute;ment rapport&eacute; avec son nouveau d&eacute;cor</li> <li>Rep&eacute;rer quand un outil IA d&eacute;&ccedil;oit et reprendre la main</li> <li>Remodeler un visage avec Fluidit&eacute; en verrouillant les zones sensibles</li> </ul> <h3>Outils classiques ou outils IA : lesquels tiennent vraiment la route</h3> Le cours ne vend pas l&#39;IA comme une baguette magique. L&#39;outil Supprimer et la d&eacute;tection des distractions font gagner un temps r&eacute;el, le remplissage d&#39;apr&egrave;s le contenu reste gratuit quand le remplissage g&eacute;n&eacute;ratif consomme des cr&eacute;dits Firefly, et certains filtres r&eacute;cents, comme la suppression des reflets ou une partie des Neural Filters, donnent encore des r&eacute;sultats in&eacute;gaux. Le formateur le montre &agrave; l&#39;&eacute;cran et vous donne l&#39;alternative manuelle &agrave; chaque fois. Vous repartez avec une m&eacute;thode : tenter l&#39;automatique, juger le r&eacute;sultat, corriger au tampon ou au correcteur localis&eacute; l&agrave; o&ugrave; il a &eacute;chou&eacute;. <h3>Quatre ateliers de retouche sur des images fournies</h3> Une statue transform&eacute;e en chrome puis en or avec des courbes et un transfert de d&eacute;grad&eacute;, un portrait graphique en flou directionnel, des lunettes d&eacute;barrass&eacute;es de leurs reflets puis teint&eacute;es, et une photo animali&egrave;re recadr&eacute;e, nettoy&eacute;e, r&eacute;chauff&eacute;e en ambiance d&#39;automne et &eacute;clair&eacute;e de rayons de lumi&egrave;re. Chaque atelier r&eacute;utilise les outils vus plus t&ocirc;t, dans l&#39;ordre o&ugrave; vous les encha&icirc;neriez sur un vrai projet. Les s&eacute;lections y sont rapides, au pinceau de s&eacute;lection et &agrave; S&eacute;lectionner un sujet ; si le d&eacute;tourage vous r&eacute;siste encore, le cours d&eacute;di&eacute; au d&eacute;tourage et aux outils de s&eacute;lection le traite en profondeur. <h3>Pour qui</h3> Badge d&eacute;butant, avec une nuance : le cours suppose que vous savez d&eacute;j&agrave; cr&eacute;er un calque, dupliquer, ajouter un masque et convertir en objet dynamique. Si ce n&#39;est pas le cas, commencez par la prise en main de l&#39;interface et des calques de Photoshop. Il est tourn&eacute; sur une version r&eacute;cente de Photoshop. <h3>Pour aller plus loin</h3> Vous voulez g&eacute;n&eacute;rer des &eacute;l&eacute;ments plut&ocirc;t que les effacer : la retouche photo &agrave; l&#39;&egrave;re de l&#39;IA dans Photoshop prend le relais avec le remplissage g&eacute;n&eacute;ratif. https://fr.tuto.com/photoshop/outils-retouche-photoshop-tampon-ia,220521.html Mon, 05 Oct 2026 20:31:49 +0200 Application métier dans Power Apps : de votre tableau de données au partage en équipe https://fr.tuto.com/power-platform/power-apps-creer-application-metier,221321.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/221321.jpg"/><br>Le suivi des commandes de votre service tient dans un tableau que quatre personnes s&#39;&eacute;changent par mail, et <strong>personne autour de vous ne sait d&eacute;velopper l&#39;outil qui remplacerait ce fichier</strong>. Power Apps r&eacute;pond exactement &agrave; ce moment : vous importez votre tableau, la plateforme construit les premiers &eacute;crans, et vous reprenez la main dessus. Ce cours vous fait monter une application de suivi des ventes par d&eacute;partement, &eacute;cran d&#39;accueil compris, puis la publier et la partager &agrave; vos coll&egrave;gues avec les bons droits d&#39;acc&egrave;s. Le fichier de donn&eacute;es qui sert de base est fourni dans les ressources. <h2>Applications m&eacute;tier : ce que vous saurez faire</h2> Les comp&eacute;tences vis&eacute;es se transposent &agrave; n&#39;importe quel outil interne que vous aurez &agrave; construire ensuite. <ul> <li>Choisir entre partir des donn&eacute;es, d&#39;un canevas vierge ou de Copilot</li> <li>Connecter un tableau de donn&eacute;es existant sans le ressaisir</li> <li>Structurer une application en &eacute;crans reli&eacute;s par une navigation claire</li> <li>Reprendre la main sur ce que la g&eacute;n&eacute;ration automatique a mal devin&eacute;</li> <li>Faire &eacute;crire une formule par Copilot et v&eacute;rifier ce qu&#39;elle fait</li> <li>Publier, partager et d&eacute;placer l&#39;application d&#39;un environnement &agrave; un autre</li> </ul> <h3>Partir de vos donn&eacute;es plut&ocirc;t que d&#39;un &eacute;cran vide</h3> Power Apps propose quatre points de d&eacute;part, et celui qu&#39;on choisit d&eacute;cide de la suite. En important directement le fichier de ventes, la plateforme lit la structure des colonnes et g&eacute;n&egrave;re les tables, la liste, la barre de recherche et le formulaire de d&eacute;tail. Le formateur estime &agrave; une ou deux heures le travail de mise en page ainsi &eacute;vit&eacute;. Contrepartie : la qualit&eacute; du r&eacute;sultat d&eacute;pend enti&egrave;rement de la propret&eacute; du fichier de d&eacute;part, et il vaut mieux fiabiliser votre fichier Excel avant de l&#39;importer que corriger l&#39;application apr&egrave;s coup. <h3>L&agrave; o&ugrave; la g&eacute;n&eacute;ration automatique se trompe</h3> L&#39;application cr&eacute;&eacute;e par Power Apps affiche le chiffre d&#39;affaires comme titre de liste, ce qui n&#39;a aucun sens pour naviguer entre des commandes. Le cours passe le reste du temps &agrave; corriger ce genre de d&eacute;cision : basculer le champ affich&eacute; sur le num&eacute;ro de commande, r&eacute;ordonner les cartes du formulaire, d&eacute;verrouiller les &eacute;l&eacute;ments fig&eacute;s par d&eacute;faut, et comprendre pourquoi un contr&ocirc;le plac&eacute; dans un conteneur refuse qu&#39;on modifie sa hauteur. C&#39;est cette partie qui fait la diff&eacute;rence entre une d&eacute;mo et un outil qu&#39;une &eacute;quipe accepte d&#39;utiliser. <h3>Publier, partager, exporter : trois choses diff&eacute;rentes</h3> Beaucoup d&#39;applications restent bloqu&eacute;es &agrave; l&#39;&eacute;tape du studio parce que ces trois boutons sont confondus. Partager donne un acc&egrave;s nominatif avec un r&ocirc;le, publier rend visible la derni&egrave;re version enregistr&eacute;e, exporter produit un fichier .msapp qui sert de sauvegarde et permet de passer d&#39;un environnement de test &agrave; un environnement de production. Le pi&egrave;ge qui co&ucirc;te le plus cher est trait&eacute; au passage : un collaborateur qui n&#39;a pas acc&egrave;s &agrave; la source de donn&eacute;es ouvre l&#39;application et ne voit rien du tout. <h3>Pour qui</h3> Aucune connaissance de Power Apps ni de d&eacute;veloppement n&#39;est requise, le badge D&eacute;butant est justifi&eacute; sur le plan p&eacute;dagogique. En revanche il y a un pr&eacute;requis mat&eacute;riel r&eacute;el : la Power Platform n&#39;est accessible qu&#39;avec un compte Microsoft 365 professionnel ou &eacute;ducatif, un compte personnel gratuit ne suffit pas. Si l&#39;environnement Microsoft 365 lui-m&ecirc;me vous est encore &eacute;tranger, la formation bureautique Microsoft 365 du m&ecirc;me formateur pose le d&eacute;cor avant celle-ci. Comptez 1 h 43 pour aller du compte cr&eacute;&eacute; &agrave; l&#39;application partag&eacute;e. <h3>Pour aller plus loin</h3> Si votre objectif n&#39;est pas Power Apps en particulier mais l&#39;ensemble de la suite, avec la cr&eacute;ation de flux dans Power Automate, les sites Power Pages, les agents Copilot Studio et les tableaux de bord Power BI, c&#39;est la formation compl&egrave;te Microsoft Power Platform qu&#39;il faut prendre plut&ocirc;t que ce cours. https://fr.tuto.com/power-platform/power-apps-creer-application-metier,221321.html Tue, 06 Oct 2026 08:49:38 +0200 Premier workflow dans n8n : connecter Gmail et une API pour automatiser vos e-mails https://fr.tuto.com/n8n/n8n-premier-workflow-gmail-api,220441.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/220441.jpg"/><br>Vous voulez qu&#39;un e-mail parte tout seul, mais <strong>la connexion de Gmail &agrave; n8n vous arr&ecirc;te net</strong> : projet Google Cloud, &eacute;cran de consentement, client OAuth, acc&egrave;s refus&eacute;. Ce cours vous fait franchir ces &eacute;tapes une par une, jusqu&#39;au premier e-mail envoy&eacute; depuis votre workflow. Puis il vous fait construire une automatisation compl&egrave;te : chaque soir &agrave; 18 h, n8n interroge une API boursi&egrave;re et vous envoie la valeur du CAC 40, sans une ligne de code de votre part. <h2>Workflow n8n avec Gmail et API : ce que vous saurez faire</h2> &Agrave; la fin, la logique d&eacute;clencheur, n&oelig;uds et donn&eacute;es vous sert pour n&#39;importe quelle automatisation simple. <ul> <li>Relier un compte Gmail &agrave; n8n avec votre propre client OAuth</li> <li>D&eacute;bloquer un acc&egrave;s refus&eacute; c&ocirc;t&eacute; Google sans chercher pendant des heures</li> <li>Faire trouver par une IA une API gratuite et le bon champ JSON</li> <li>Interroger une API publique avec le n&oelig;ud HTTP Request</li> <li>Glisser une donn&eacute;e dynamique dans un e-mail sans &eacute;crire d&#39;expression</li> <li>Programmer un workflow &agrave; heure fixe et le publier pour qu&#39;il tourne seul</li> <li>R&eacute;utiliser votre connexion Gmail dans tous vos prochains workflows</li> </ul> <h3>Google Cloud et OAuth : l&#39;&eacute;tape o&ugrave; l&#39;on d&eacute;croche, faite avec vous</h3> La moiti&eacute; du cours se passe dans la console Google, l&agrave; o&ugrave; la plupart des tutoriels vont trop vite. Vous cr&eacute;ez le projet, r&eacute;glez l&#39;&eacute;cran de consentement en cible externe, d&eacute;clarez un client web et collez l&#39;URL de redirection fournie par n8n. Le formateur ne coupe pas les erreurs : les deux blocages qui arr&ecirc;tent presque tout le monde apparaissent &agrave; l&#39;&eacute;cran et sont r&eacute;solus devant vous. L&#39;interface de Google &eacute;volue souvent, il indique donc &agrave; chaque fois quel r&eacute;glage chercher plut&ocirc;t que quel bouton cliquer. <h3>Un cas r&eacute;el : le cours du CAC 40 dans votre bo&icirc;te mail chaque soir</h3> Le second atelier part d&#39;un besoin concret plut&ocirc;t que d&#39;une d&eacute;monstration. Une IA conversationnelle propose une API boursi&egrave;re gratuite et sans inscription, puis rep&egrave;re dans sa r&eacute;ponse JSON le champ qui contient la valeur de l&#39;indice. Vous branchez cette URL dans un n&oelig;ud HTTP Request, d&eacute;posez la valeur dans le corps de l&#39;e-mail, remplacez le d&eacute;clencheur manuel par un d&eacute;clencheur horaire r&eacute;gl&eacute; sur le fuseau de Paris, et publiez. La m&ecirc;me m&eacute;canique s&#39;applique ensuite &agrave; une API m&eacute;t&eacute;o, de change ou &agrave; vos propres outils. Si vous pr&eacute;f&eacute;rez voir le m&ecirc;me appel c&ocirc;t&eacute; code, le cours Contacter des APIs avec l&#39;API Fetch de JavaScript du m&ecirc;me formateur en donne l&#39;&eacute;quivalent. <h3>Pour qui</h3> Le niveau D&eacute;butant est justifi&eacute; : aucune notion de programmation n&#39;est demand&eacute;e, le JSON et les expressions sont expliqu&eacute;s au moment o&ugrave; ils apparaissent. Il faut en revanche partir d&#39;un n8n d&eacute;j&agrave; install&eacute; en local avec Docker Desktop, ce que montre pas &agrave; pas le tuto gratuit Installer n8n avec Docker, ainsi que d&#39;un compte Gmail. <h3>Pour aller plus loin</h3> Vous avez votre premier workflow et voulez maintenant des conditions, des webhooks ou de l&#39;IA au c&oelig;ur de vos flux : D&eacute;buter avec n8n, le tuto complet pour automatiser sans coder couvre ces briques sur des cas vari&eacute;s. https://fr.tuto.com/n8n/n8n-premier-workflow-gmail-api,220441.html Thu, 01 Oct 2026 16:34:45 +0200 Mac, iCloud, sécurité et Apple Intelligence : faites travailler vos appareils ensemble https://fr.tuto.com/mac-os/formation-mac-icloud-securite-apple-intelligence,221581.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/221581.jpg"/><br><strong>Vous utilisez votre Mac tous les jours sans avoir l&#39;impression d&#39;en tirer grand-chose</strong> : des fichiers qu&#39;on cherche trop longtemps, un stockage iCloud satur&eacute; sans savoir quoi supprimer, un SMS qui annonce le blocage de votre compte Apple et fait douter. Ce pack r&eacute;unit quatre cours pour r&eacute;gler ces situations une par une. Vous travaillez plus vite sur macOS, vos photos et documents circulent correctement entre Mac, iPhone et iPad, vous rep&eacute;rez les arnaques avant de cliquer et vous utilisez Apple Intelligence pour &eacute;crire, r&eacute;sumer et retoucher. <h2>Mac et &eacute;cosyst&egrave;me Apple : ce que vous saurez faire</h2> Chaque point se met en pratique tout de suite, sur vos propres appareils. <ul> <li>Retrouver n&#39;importe quel fichier ou application en quelques touches</li> <li>Choisir entre sauvegarde et synchronisation iCloud sans risquer vos donn&eacute;es</li> <li>Reprendre la main sur un stockage iCloud satur&eacute;</li> <li>Passer une t&acirc;che, un texte ou un scan de l&#39;iPhone au Mac</li> <li>Reconna&icirc;tre un faux e-mail, SMS ou appel au nom d&#39;Apple</li> <li>R&eacute;agir dans le bon ordre en cas de perte, vol ou piratage</li> <li>Distinguer ce qu&#39;Apple Intelligence traite en local ou via ChatGPT</li> </ul> <h3>Quatre cours Mac r&eacute;unis, dans l&#39;ordre o&ugrave; ils servent</h3> Le pack rassemble quatre cours &eacute;galement propos&eacute;s s&eacute;par&eacute;ment : la productivit&eacute; sur macOS, iCloud et la synchronisation, la s&eacute;curit&eacute; Apple, puis Apple Intelligence. L&#39;ordre suit la logique d&#39;usage. D&#39;abord ma&icirc;triser le Mac lui-m&ecirc;me, Finder, Spotlight, raccourcis clavier, gestion des fen&ecirc;tres et suite iWork. Ensuite relier vos appareils, puis les prot&eacute;ger, et seulement &agrave; la fin ajouter l&#39;IA sur des r&eacute;glages propres. Quelques fonctions reviennent sous deux angles, les outils d&#39;&eacute;criture et la gestion des interruptions notamment, vues d&#39;abord c&ocirc;t&eacute; productivit&eacute; puis c&ocirc;t&eacute; IA. <h3>iCloud et s&eacute;curit&eacute; Apple : &eacute;viter la perte de donn&eacute;es avant qu&#39;elle arrive</h3> Les deux cours du milieu r&eacute;pondent &agrave; la m&ecirc;me inqui&eacute;tude. C&ocirc;t&eacute; iCloud, vous comprenez o&ugrave; sont r&eacute;ellement rang&eacute;s vos fichiers et pourquoi une sauvegarde et une synchronisation ne prot&egrave;gent pas la m&ecirc;me chose. C&ocirc;t&eacute; s&eacute;curit&eacute;, vous configurez l&#39;authentification &agrave; deux facteurs, le trousseau, FileVault et la protection avanc&eacute;e des donn&eacute;es, puis vous voyez comment r&eacute;agir &agrave; un piratage. Si c&#39;est surtout l&#39;iPhone qui d&eacute;borde, le cours pour lib&eacute;rer de l&#39;espace sur un iPhone satur&eacute; va plus loin sur ce point. <h3>Apple Intelligence : des usages concrets sur Mac, iPhone et iPad</h3> Le dernier cours montre l&#39;IA d&#39;Apple sur des t&acirc;ches du quotidien : reformuler un texte, r&eacute;sumer un e-mail ou une page Safari, effacer un objet sur une photo, identifier une plante ou un produit avec l&#39;Intelligence visuelle. Il &eacute;claire aussi un point souvent flou : ce qui reste trait&eacute; sur l&#39;appareil et ce qui part vers ChatGPT. Pour passer &agrave; l&#39;automatisation, les Raccourcis iPhone pilot&eacute;s par l&#39;IA prolongent cette partie. <h3>Pour qui</h3> Utilisateurs de Mac d&eacute;butants ou interm&eacute;diaires, y compris ceux qui arrivent de Windows, sans pr&eacute;requis technique. La partie productivit&eacute; s&#39;applique aux versions r&eacute;centes de macOS. Les fonctions d&#39;IA demandent un appareil compatible Apple Intelligence, d&eacute;taill&eacute; dans la FAQ. Les chapitres iCloud et continuit&eacute; supposent d&#39;avoir aussi un iPhone ou un iPad. <h3>Pour aller plus loin</h3> Si vos soucis viennent surtout du t&eacute;l&eacute;phone, les erreurs iPhone &agrave; &eacute;viter pour la batterie, les photos et le stockage se corrigent dans un cours d&eacute;di&eacute;. https://fr.tuto.com/mac-os/formation-mac-icloud-securite-apple-intelligence,221581.html Mon, 28 Sep 2026 16:30:11 +0200 DxO PhotoLab et Affinity : du fichier RAW au photomontage, sans abonnement Adobe https://fr.tuto.com/dxo-photolab/dxo-photolab-affinity-raw-retouche,221571.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/221571.jpg"/><br>Quitter Lightroom et Photoshop, c&#39;est facile &agrave; d&eacute;cider et plus compliqu&eacute; &agrave; faire : <strong>il faut remplacer deux logiciels, et savoir lequel prend le relais &agrave; quel moment</strong>. Ce pack r&eacute;unit les deux formations qui couvrent toute la cha&icirc;ne. DxO PhotoLab d&eacute;veloppe vos fichiers RAW, nettoie le bruit et corrige lumi&egrave;re et couleurs, localement ou sur toute l&#39;image. Affinity prend ensuite le relais pour tout ce qui demande des calques : d&eacute;tourer, supprimer un &eacute;l&eacute;ment g&ecirc;nant, assembler plusieurs photos en un montage cr&eacute;dible. <h2>Du RAW au photomontage : ce que vous saurez faire</h2> &Agrave; la fin des deux formations, vous avez une m&eacute;thode compl&egrave;te, sans aucun logiciel Adobe. <ul> <li>R&eacute;partir le travail entre PhotoLab et Affinity, et passer de l&#39;un &agrave; l&#39;autre sans perte</li> <li>Obtenir un RAW propre en haute sensibilit&eacute; avec DeepPRIME XD</li> <li>Corriger une zone pr&eacute;cise avec les U Point ou le masque IA</li> <li>Retoucher en non destructif, avec des r&eacute;glages modifiables &agrave; tout moment</li> <li>D&eacute;tourer un sujet complexe et l&#39;int&eacute;grer dans un autre d&eacute;cor</li> <li>Effacer un &eacute;l&eacute;ment g&ecirc;nant et reconstruire la zone proprement</li> <li>Harmoniser lumi&egrave;re et couleurs dans un montage de plusieurs images</li> </ul> <h3>Deux formations DxO PhotoLab et Affinity, dans l&#39;ordre du flux de travail</h3> La premi&egrave;re, la formation compl&egrave;te DxO PhotoLab, parcourt le logiciel module par module : phototh&egrave;que et m&eacute;tadonn&eacute;es IPTC, Smart Lighting et ClearView Plus, balance des blancs RAW, LUT et TSL, d&eacute;bruitage, corrections optiques, puis les retouches locales au pinceau, au filtre gradu&eacute;, aux U Point et au masque IA. Elle se termine par des ateliers sur une retouche de mode et un paysage cr&eacute;pusculaire en contre-jour. Un atelier en deux parties relie ensuite les deux logiciels du pack sur la m&ecirc;me photo : le d&eacute;veloppement dans PhotoLab, puis le trucage dans Affinity. Un chapitre suit enfin chaque nouvelle version du logiciel, jusqu&#39;&agrave; PhotoLab 10.<br /> <br /> La seconde, les fondamentaux du module Pixel d&#39;Affinity 3, pose les bases qui manquent souvent &agrave; ceux qui viennent du d&eacute;veloppement : calques, masques, s&eacute;lections, calques de r&eacute;glage, filtres et outil Plume. Viennent ensuite les outils IA int&eacute;gr&eacute;s par Canva, puis quatre exercices concrets : changer la couleur d&#39;un objet, gommer des traces, coller une texture sur un b&acirc;timent et r&eacute;aliser un photomontage complet avec un effet de g&eacute;ant.<br /> Au total, plus de 13 heures de vid&eacute;o, avec les fichiers RAW et les fichiers sources de chaque atelier. <h3>Pour qui</h3> Les deux formations sont accessibles aux d&eacute;butants : quelques bases de photographie suffisent, aucune exp&eacute;rience de la retouche n&#39;est demand&eacute;e. Elles conviennent aussi aux utilisateurs de Lightroom et de Photoshop qui cherchent une solution sans abonnement Adobe. C&ocirc;t&eacute; logiciels, il faut DxO PhotoLab 7 ou plus r&eacute;cent, en &eacute;dition Essential ou Elite, et Affinity 3, distribu&eacute; gratuitement par Canva. Les interfaces sont identiques sur PC et sur Mac. <h3>Pour aller plus loin</h3> Si vous photographiez surtout en ext&eacute;rieur et que vous voulez encha&icirc;ner sur des cas concrets apr&egrave;s le pack, la retouche de paysage avec DxO PhotoLab en quatre ateliers applique la m&ecirc;me m&eacute;thode &agrave; des RAW pris en Islande. https://fr.tuto.com/dxo-photolab/dxo-photolab-affinity-raw-retouche,221571.html Tue, 29 Sep 2026 15:07:50 +0200 Détourage et sélection dans Photoshop : choisir le bon outil, de la plume à l'IA https://fr.tuto.com/photoshop/detourage-photoshop-outils-selection,220511.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/220511.jpg"/><br>Vous passez de longues minutes &agrave; gommer le fond autour d&#39;une photo et <strong>les contours finissent toujours par baver</strong>, surtout sur les cheveux ou un ciel charg&eacute;.<br /> Dans Photoshop, les outils de s&eacute;lection par IA font d&eacute;sormais l&#39;essentiel du travail, mais ils se trompent d&egrave;s que le contraste manque.<br /> Ce cours vous apprend &agrave; reconna&icirc;tre l&#39;outil adapt&eacute; &agrave; chaque image, du masque de fusion &agrave; la plume, en passant par S&eacute;lectionner un sujet et S&eacute;lectionner et masquer, puis &agrave; corriger ce que l&#39;automatique a rat&eacute;. Trois ateliers corrig&eacute;s vous font passer de la d&eacute;monstration &agrave; la pratique. <h2>D&eacute;tourage dans Photoshop : ce que vous saurez faire</h2> Au-del&agrave; du tour des outils, voici ce que vous pourrez refaire sur vos propres photos. <ul> <li>Choisir l&#39;outil de s&eacute;lection adapt&eacute; au contraste et au sujet de l&#39;image</li> <li>D&eacute;tourer sans rien effacer, gr&acirc;ce au masque de fusion</li> <li>Corriger une s&eacute;lection automatique rat&eacute;e au pinceau ou en mode masque</li> <li>R&eacute;cup&eacute;rer cheveux et poils sans liser&eacute; blanc autour du sujet</li> <li>Tracer &agrave; la plume un contour net sur une forme pleine de courbes</li> <li>Additionner, m&eacute;moriser et r&eacute;cup&eacute;rer des s&eacute;lections complexes</li> <li>Fondre un nouveau ciel ou un &eacute;l&eacute;ment incrust&eacute; dans la photo d&#39;origine</li> </ul> <h3>S&eacute;lection par IA ou plume : savoir quand reprendre la main</h3> S&eacute;lectionner un sujet et l&#39;outil S&eacute;lection d&#39;objets, capable d&#39;isoler une personne, ses cheveux ou ses v&ecirc;tements, r&egrave;glent aujourd&#39;hui la majorit&eacute; des cas en un clic. Le cours montre aussi leurs limites : un sujet qui se confond avec le fond, plusieurs personnes superpos&eacute;es, une v&eacute;g&eacute;tation trop fine. C&#39;est l&agrave; que les techniques plus anciennes restent utiles, comme la s&eacute;lection par les couches pour les cas les plus complexes, que le formateur combine ici avec S&eacute;lectionner un sujet pour r&eacute;cup&eacute;rer un arbre en fleurs. La baguette magique et le lasso magn&eacute;tique sont pr&eacute;sent&eacute;s pour ce qu&#39;ils sont devenus : des outils de d&eacute;pannage. La plume, elle, garde sa place, et sa ma&icirc;trise se r&eacute;utilise dans Illustrator, InDesign, Figma ou After Effects. <h3>Trois ateliers corrig&eacute;s : ciel, incrustation, dromadaire</h3> Chaque atelier commence par un &eacute;nonc&eacute;, vous laisse chercher, puis pr&eacute;sente la correction pas &agrave; pas. Vous remplacez d&#39;abord le ciel d&#39;un paysage et harmonisez les deux photos avec des calques de r&eacute;glage &eacute;cr&ecirc;t&eacute;s, du grain et la correspondance de couleurs. Vous changez ensuite le paysage visible &agrave; travers l&#39;ouverture d&#39;une tente, avec la s&eacute;lection rapide et une s&eacute;lection dilat&eacute;e. Enfin, vous d&eacute;tourez un dromadaire uniquement &agrave; la plume, avant de rattraper la fourrure de la bosse avec S&eacute;lectionner et masquer. Les images et les PSD corrig&eacute;s sont fournis. <h3>Pour qui</h3> Le badge D&eacute;butant est juste, avec une nuance : ce cours est le troisi&egrave;me chapitre d&#39;une formation compl&egrave;te Photoshop et suppose de savoir d&eacute;j&agrave; manipuler les calques, les calques de r&eacute;glage et l&#39;outil D&eacute;placement. Si ce n&#39;est pas encore le cas, commencez par le chapitre consacr&eacute; &agrave; l&#39;interface et aux calques. Il a &eacute;t&eacute; tourn&eacute; sur une version r&eacute;cente de Photoshop CC, indispensable pour les outils de s&eacute;lection par IA. Une souris suffit, une tablette graphique apporte un plus sur les masques. <h3>Pour aller plus loin</h3> Si les masques restent flous pour vous et que vous voulez creuser leurs r&eacute;glages fins, le cours consacr&eacute; aux masques de fusion prend le temps de les d&eacute;tailler. https://fr.tuto.com/photoshop/detourage-photoshop-outils-selection,220511.html Mon, 28 Sep 2026 09:14:31 +0200 Nesting CSS natif et BEM : chaque composant dans un seul bloc, media queries comprises https://fr.tuto.com/css/nesting-css-natif-bem-composants,219391.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/219391.jpg"/><br>Pour modifier une carte produit, <strong>vous jonglez entre trois endroits de la feuille de style</strong> : la r&egrave;gle du bloc en haut, la variante du bouton un peu plus bas, les media queries tout &agrave; la fin.<br /> Le <strong>nesting CSS natif </strong>regroupe tout cela dans une seule r&egrave;gle, sans Sass ni Less, directement compris par les navigateurs r&eacute;cents.<br /> Combin&eacute; &agrave; la <strong>m&eacute;thode BEM</strong>, il donne des composants que l&#39;on replie, relit et d&eacute;place d&#39;un projet &agrave; l&#39;autre en un bloc. Encore faut-il savoir o&ugrave; s&#39;arr&ecirc;ter : trop d&#39;imbrications recr&eacute;ent exactement les s&eacute;lecteurs &agrave; rallonge que BEM cherche &agrave; &eacute;viter. <h2>Nesting CSS natif et BEM : ce que vous saurez faire</h2> Le cours part d&#39;une carte simple, puis applique la m&eacute;thode &agrave; une fiche produit compl&egrave;te. <ul> <li>Regrouper un bloc, ses &eacute;l&eacute;ments et ses variantes dans une m&ecirc;me r&egrave;gle</li> <li>Savoir quand l&#39;esperluette est indispensable et quand elle est superflue</li> <li>Donner un &eacute;tat de survol &agrave; une variante sans r&eacute;&eacute;crire son s&eacute;lecteur</li> <li>Garder le responsive d&#39;un composant &agrave; l&#39;int&eacute;rieur de son bloc</li> <li>Limiter l&#39;imbrication &agrave; deux niveaux pour rester fid&egrave;le &agrave; BEM</li> <li>Choisir entre un bouton &eacute;l&eacute;ment du composant et un bouton autonome</li> <li>R&eacute;utiliser un composant dans un autre projet sans rien r&eacute;&eacute;crire</li> </ul> <h3>Media queries imbriqu&eacute;es : le responsive rang&eacute; dans le composant</h3> Sur une feuille de style qui s&#39;allonge, les media queries finissent en bas du fichier, loin des r&egrave;gles qu&#39;elles modifient. Ici, elles s&#39;&eacute;crivent &agrave; l&#39;int&eacute;rieur du composant, en mobile first avec des seuils en min-width, et le mot-cl&eacute; screen devient facultatif. Le composant embarque ainsi son propre comportement responsive : copi&eacute; dans un autre projet, il s&#39;adapte sans qu&#39;on aille chercher ses r&egrave;gles ailleurs. Si les points de rupture restent flous pour vous, le cours Comprendre les media queries pour le responsive reprend les bases. <h3>La pyramide de code : quand l&#39;imbrication trahit BEM</h3> Le nesting pousse &agrave; glisser un &eacute;l&eacute;ment dans un autre, puis un troisi&egrave;me dans le deuxi&egrave;me. Une vid&eacute;o enti&egrave;re montre ce qui se passe alors sur la carte produit, et pourquoi la bonne structure s&#39;arr&ecirc;te &agrave; deux niveaux : le bloc, puis ses &eacute;l&eacute;ments cibl&eacute;s directement. C&#39;est la suite logique de l&#39;&eacute;pisode sur la m&eacute;thode BEM, qui posait le nommage bloc, &eacute;l&eacute;ment, modificateur que ce cours imbrique. <h3>Atelier fiche produit et fichier mod&egrave;le r&eacute;utilisable</h3> L&#39;exercice construit une fiche produit de chaussures de sport : HTML s&eacute;mantique, attributs ARIA, classes BEM, puis un CSS r&eacute;parti en trois composants (layout, bouton, carte produit). Le bouton re&ccedil;oit ses &eacute;tats de survol, d&#39;appui et de focus clavier visible. Le tout s&#39;appuie sur un fichier mod&egrave;le comment&eacute; qui reprend les couches vues dans le cours sur la cascade, la sp&eacute;cificit&eacute; et les layers. Ce fichier et une fiche r&eacute;capitulative du nesting vous sont fournis pour d&eacute;marrer vos prochains projets. <h3>Pour qui</h3> Le badge Interm&eacute;diaire est justifi&eacute; : vous &eacute;crivez d&eacute;j&agrave; du HTML et du CSS sans aide, et vous connaissez Flexbox et Grid, utilis&eacute;s sans &ecirc;tre r&eacute;expliqu&eacute;s. Le cours est le troisi&egrave;me &eacute;pisode d&#39;une s&eacute;rie sur le CSS moderne. Il se suit seul si vous savez ce qu&#39;est BEM et une couche @layer ; sinon, commencez par les deux &eacute;pisodes pr&eacute;c&eacute;dents. Uniquement du CSS natif, &eacute;crit dans Visual Studio Code et test&eacute; dans un navigateur &agrave; jour. <h3>Pour aller plus loin</h3> La derni&egrave;re vid&eacute;o annonce l&#39;&eacute;pisode suivant de la s&eacute;rie, consacr&eacute; aux variables CSS : tokens primitifs, tokens s&eacute;mantiques et contrats de variables &agrave; l&#39;int&eacute;rieur des composants, pour enrichir encore le fichier mod&egrave;le. https://fr.tuto.com/css/nesting-css-natif-bem-composants,219391.html Mon, 28 Sep 2026 11:56:37 +0200