Derniers tutorials ajoutés (Tuto.com) https://fr.tuto.com/rss/last-entries Les derniers tutorials ajoutés sur Tuto.com fr-FR Copyright 2025 Créer un menu burger accessible : inert, clavier et responsive pas à pas https://fr.tuto.com/css/menu-burger-accessible,214001.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/214001.jpg"/><br>Dans ce tutoriel complet, vous apprendrez &agrave; concevoir un <strong>menu burger responsive</strong> qui respecte les bonnes pratiques d&rsquo;accessibilit&eacute;.<br /> Pas &agrave; pas, nous mettrons en place : <ul> <li>L&rsquo;ouverture et la fermeture du menu avec les attributs ARIA (<code>aria-expanded</code>, <code>aria-label</code>).</li> <li>La gestion du focus clavier avec les touches <strong>Tabulation, Fl&egrave;ches, Home et End</strong>.</li> <li>L&rsquo;int&eacute;gration de l&rsquo;attribut <strong><code>inert</code></strong> pour masquer le contenu hors menu en mode mobile.</li> <li>Un comportement fluide en fonction de la taille d&rsquo;&eacute;cran (mobile &harr; desktop).</li> <li>La fermeture automatique du menu en <strong>OnePage</strong> apr&egrave;s un clic sur un lien.</li> </ul> Ce tuto s&rsquo;adresse aux <strong>d&eacute;veloppeurs front-end</strong> souhaitant am&eacute;liorer leurs menus de navigation, mais aussi &agrave; tous ceux qui veulent rendre leurs projets <strong>plus accessibles et professionnels</strong>.<br /> &Agrave; la fin de ce cours, vous saurez mettre en place un menu burger : <ul> <li>100% responsive</li> <li>Accessible au clavier</li> <li>Conforme aux bonnes pratiques UX et RGAA</li> </ul> Pour aller plus loin sur les connaissances en RGAA : <ul> <li>RGAA : Faites de l&#39;accessibilit&eacute; un atout pour votre entreprise</li> <li>Formulaire accessibilit&eacute; : guide pas &agrave; pas RGAA (HTML, CSS, JS)</li> <li>Int&eacute;grer une police Dys pour am&eacute;liorer l&rsquo;accessibilit&eacute; de votre site</li> <li>Navigation clavier et souris. Votre site passe-t-il le test RGAA ?</li> <li>Cr&eacute;er des Onglets Accessibles RGAA 4.1 &ndash; Navigation Clavier</li> <li>Attributs HTML et ARIA &ndash; Guide accessibilit&eacute; web</li> <li>Cr&eacute;er des Accord&eacute;ons Accessibles RGAA 4.1 &ndash; Navigation Clavier</li> </ul> <strong>Pour vous et rien que pour vous :</strong><br /> Formation Frontend mentor&eacute;e par moi-m&ecirc;me et financ&eacute;e par votre CPF ! https://fr.tuto.com/css/menu-burger-accessible,214001.html Wed, 12 Nov 2025 11:10:15 +0100 Tuto pas à pas : photocomposition d'une scène énigmatique https://fr.tuto.com/photoshop/photocomposition-scene-enigmatique,215361.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/215361.jpg"/><br>Bonjour et bienvenue dans ce tuto d&eacute;di&eacute; &agrave; la cr&eacute;ation d&#39;un photomontage dans Photoshop o&ugrave; vous apprendrez &agrave; reproduire cette sc&egrave;ne, dans laquelle chaque &eacute;l&eacute;ment visuel ajoute sa part de myst&egrave;re.<br /> Vous apprendrez &agrave; juxtaposer les calques de mani&egrave;re cr&eacute;ative, faire matcher les couleurs entre elles, cr&eacute;er des ombres et peindre la lumi&egrave;re. Vous d&eacute;couvrirez &eacute;galement les subtilit&eacute;s de la <strong>colorim&eacute;trie</strong>, afin d&rsquo;aboutir &agrave; ce projet.<br /> Au fil de ce tutoriel, je vous guiderai pas &agrave; pas, en d&eacute;taillant<strong> chaque &eacute;tape du processus</strong>.<br /> Cet exercice est accessible &agrave; tous, que vous soyez un d&eacute;butant souhaitant se familiariser avec Photoshop ou un utilisateur plus exp&eacute;riment&eacute; d&eacute;sireux de perfectionner sa technique.&nbsp;Toutefois, il est souhaitable d&#39;avoir quelques connaissances pr&eacute;alables du logiciel, notamment sur le fonctionnement des calques et des outils de base.<br /> &Agrave; la fin de ce tuto, vous aurez acquis une m&eacute;thodologie et d&eacute;couvert un certain nombre de conseils pratiques que vous pourrez appliquer &agrave; chacune de vos futures cr&eacute;ations.<br /> <br /> Afin que vous puissiez suivre cet atelier dans les meilleures conditions, le fichier PSD original ainsi que toutes les images utilis&eacute;es sont &agrave; votre disposition.<br /> <br /> Alors, si l&rsquo;aventure vous tente, je vous invite &agrave; d&eacute;marrer ce projet sans plus tarder.<br /> &nbsp; https://fr.tuto.com/photoshop/photocomposition-scene-enigmatique,215361.html Mon, 10 Nov 2025 09:18:48 +0100 Apprenez à créer et prototyper sur Figma en 1 heure https://fr.tuto.com/figma/creer-prototyper,213241.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/213241.jpg"/><br>Apprendre &agrave; concevoir des interfaces modernes, fonctionnelles et attractives en un temps record, tel est l&rsquo;objectif de cette formation.<br /> En seulement <strong>une heure</strong>, vous d&eacute;couvrirez les bases indispensables de Figma, l&rsquo;outil collaboratif incontournable pour le design UI/UX.<br /> Que vous soyez d&eacute;butant ou en reconversion, cette formation vous offre une prise en main rapide et efficace de ses principales fonctionnalit&eacute;s. <h2>Dans ce tuto 1 heure pour apprendre Figma, vous allez :</h2> <ul> <li>Comprendre l&rsquo;interface et l&rsquo;environnement de travail de Figma,</li> <li>Cr&eacute;er vos premiers cadres, formes et composants interactifs,</li> <li>G&eacute;rer la typographie, les couleurs et les styles pour une maquette coh&eacute;rente,</li> <li>Apprendre &agrave; structurer un projet UI simple, &eacute;tape par &eacute;tape,</li> <li>Collaborer en temps r&eacute;el et partager vos prototypes de mani&egrave;re professionnelle.</li> </ul> Un QCM est disponible &agrave; la fin pour valider vos connaissances.<br /> Une section Entraide est &eacute;galement ouverte pour poser vos questions ou demander des compl&eacute;ments en vid&eacute;o.<br /> Et pour aller plus loin, d&eacute;couvrez notre module complet Figma la formation compl&egrave;te 2025. https://fr.tuto.com/figma/creer-prototyper,213241.html Mon, 10 Nov 2025 09:16:21 +0100 Gratuit : Présentation d'Affinity Studio par Canva https://fr.tuto.com/affinity/gratuit-presentation-affinity-studio,215371.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/215371.jpg"/><br>&Eacute;dit&eacute;e par <strong>Canva</strong>, cette vid&eacute;o de d&eacute;couverte vous pr&eacute;sente la toute nouvelle suite <strong>Affinity Studio </strong>(correspondant &agrave; la version 3 de la suite), une alternative compl&egrave;te et <strong>gratuite</strong> et sans abonnement aux outils Adobe.<br /> <br /> En une heure je vous explique le positionnement de ce nouveau logiciel, qui r&eacute;unit&nbsp;<strong>Affinity Photo</strong>, <strong>Designer </strong>et <strong>Publisher</strong>&nbsp;&mdash; ainsi que les fonctionnalit&eacute;s IA par Canva.<br /> <br /> Une initiation claire et pratique pour comprendre ce que propose Affinity 3 avant de vous lancer plus loin. https://fr.tuto.com/affinity/gratuit-presentation-affinity-studio,215371.html Sat, 08 Nov 2025 09:25:07 +0100 SharePoint Online - Maîtrisez la collaboration d'équipe de A à Z https://fr.tuto.com/sharepoint/tuto-collaboration-equipe,215251.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/215251.jpg"/><br>Vous en avez assez des fichiers perdus, des versions multiples et des &eacute;quipes qui n&rsquo;utilisent pas SharePoint ?<br /> Cette <strong>formation compl&egrave;te </strong>vous donne les cl&eacute;s pour cr&eacute;er, configurer et faire adopter un site SharePoint Online efficace, &eacute;tape par &eacute;tape. <h4>🎯 Pourquoi suivre cette formation ?</h4> <ul> <li><strong>Gagnez du temps</strong> : Finis les &eacute;changes interminables par email ou les dossiers partag&eacute;s anarchiques.</li> <li><strong>S&eacute;curisez vos donn&eacute;es</strong> : G&eacute;rez les <strong>permissions, le RGPD et les sauvegardes</strong> sans stress.</li> <li><strong>Boostez la collaboration</strong> : Int&eacute;grez <strong>Teams, OneDrive et Power Automate</strong> pour fluidifier le travail d&rsquo;&eacute;quipe.</li> <li><strong>Faites adopter SharePoint</strong> : M&eacute;thodes concr&egrave;tes pour <strong>former et impliquer vos coll&egrave;gues</strong> (m&ecirc;me les r&eacute;ticents !).</li> </ul> <br /> Je reste disponible pour r&eacute;pondre &agrave; vos &eacute;ventuelles questions sur le cours.<br /> Bonne formation !&nbsp; https://fr.tuto.com/sharepoint/tuto-collaboration-equipe,215251.html Thu, 06 Nov 2025 09:59:41 +0100 Générez vos modèles 3D automatiquement avec l’intelligence artificielle https://fr.tuto.com/sketchup/modele-3d-ia,215191.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/215191.jpg"/><br>Dans cette formation, vous apprendrez &agrave; <strong>convertir une simple image en mod&egrave;le 3D complet</strong>, pr&ecirc;t &agrave; &ecirc;tre utilis&eacute; dans SketchUp ou Blender.<br /> Nous explorerons deux intelligences artificielles compl&eacute;mentaires : <strong>Meshy</strong> et <strong>Tencent</strong>.<br /> Elles permettent de g&eacute;n&eacute;rer automatiquement des objets 3D exploitables sans passer par la mod&eacute;lisation traditionnelle.<br /> <br /> Vous verrez comment importer, nettoyer et optimiser ces mod&egrave;les dans SketchUp et Blender, pour obtenir des fichiers l&eacute;gers, performants et r&eacute;alistes.<br /> Un module est d&eacute;di&eacute; au <strong>process premium SketchUp</strong>, incluant deux plugins fournis : <ul> <li><strong>Universal Importer</strong>, pour r&eacute;duire le nombre de polygones lors de l&rsquo;import.</li> <li><strong>Material Resizer</strong>, pour all&eacute;ger les textures et am&eacute;liorer la fluidit&eacute;.</li> </ul> Deux cas pratiques illustrent la m&eacute;thode : <ul> <li>La cr&eacute;ation d&rsquo;un nain viking &agrave; partir d&rsquo;une image.</li> <li>L&rsquo;int&eacute;gration d&rsquo;un fauteuil design issu d&rsquo;un visuel produit.</li> </ul> Aucune installation complexe : tout se fait en ligne, sur PC ou Mac.<br /> Accessible &agrave; tous ceux qui souhaitent cr&eacute;er leurs propres objets 3D rapidement et efficacement.<br /> Je suis <strong>Fred Lamy</strong>, formateur expert sur <strong>SketchUp</strong>, le <strong>rendu photor&eacute;aliste</strong> et aujourd&rsquo;hui sur <strong>l&rsquo;intelligence artificielle appliqu&eacute;e &agrave; la 3D</strong>. https://fr.tuto.com/sketchup/modele-3d-ia,215191.html Thu, 06 Nov 2025 09:53:22 +0100 Implémenter l’IA Générative dans une TPE/PME : guide stratégique et opérationnel https://fr.tuto.com/implementation-ia/implementer-ia-generative-entreprise,215301.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/215301.jpg"/><br>Cette formation vous guide pas &agrave; pas dans la mise en &oelig;uvre de <strong>l&rsquo;intelligence artificielle g&eacute;n&eacute;rative</strong> au sein de votre entreprise.<br /> Elle s&rsquo;adresse aux dirigeant&middot;es, responsables innovation, ou consultant&middot;es souhaitant structurer une strat&eacute;gie IA concr&egrave;te, &eacute;thique et performante.<br /> <strong>En plus d&#39;1h30 de vid&eacute;os, vous apprendrez &agrave; :</strong> <ul> <li>Analyser votre contexte et vos besoins r&eacute;els avant d&rsquo;investir dans des outils.</li> <li>Identifier les processus et t&acirc;ches qui peuvent &ecirc;tre augment&eacute;s ou automatis&eacute;s gr&acirc;ce &agrave; l&rsquo;IA.</li> <li>&Eacute;valuer la maturit&eacute; num&eacute;rique de votre organisation et d&eacute;finir un plan de d&eacute;ploiement.</li> <li>Choisir les solutions d&rsquo;IA g&eacute;n&eacute;ratives adapt&eacute;es &agrave; votre activit&eacute; (marketing, RH, finance, IT...).</li> <li>Mesurer le ROI et piloter un projet IA durable et conforme (RGPD, IA Act, etc.).</li> </ul> Chaque module s&rsquo;appuie sur des templates, exercices pratiques et cas concrets issus d&rsquo;exp&eacute;riences r&eacute;elles de transformation digitale en PME.<br /> L&rsquo;objectif : vous permettre d&rsquo;obtenir des <strong>r&eacute;sultats rapides et mesurables</strong>, sans vous perdre dans la complexit&eacute; technologique. <h2>Objectifs p&eacute;dagogiques</h2> &Agrave; la fin de cette formation, vous serez capable de : <ul> <li>Analyser le contexte et les opportunit&eacute;s d&rsquo;usage de l&rsquo;IA dans votre entreprise.</li> <li>Cartographier vos processus et d&eacute;tecter les t&acirc;ches &agrave; optimiser.</li> <li>&Eacute;valuer les co&ucirc;ts, b&eacute;n&eacute;fices et ROI d&rsquo;une impl&eacute;mentation IA.</li> <li>S&eacute;lectionner et d&eacute;marrer sur les bons outils d&rsquo;IA g&eacute;n&eacute;rative.</li> <li>D&eacute;finir une strat&eacute;gie de d&eacute;ploiement progressive et mesurable.</li> <li>Instaurer une gouvernance IA durable et conforme aux r&eacute;glementations.</li> </ul> <h3>&Agrave; qui s&rsquo;adresse cette formation Strat&eacute;gie d&#39;impl&eacute;mentation IA g&eacute;n&eacute;rative ?</h3> <ul> <li>Dirigeant&middot;es de TPE/PME</li> <li>Managers et responsables innovation / digital</li> <li>Consultants accompagnant la transformation num&eacute;rique</li> <li>Entrepreneurs souhaitant utiliser l&rsquo;IA dans leur activit&eacute;</li> </ul> Nul besoin de comp&eacute;tences techniques : la formation adopte une approche strat&eacute;gique, concr&egrave;te et accessible.<br /> <br /> <strong>Pr&eacute;-requis</strong><br /> Aucun pr&eacute;requis technique.<br /> Une connaissance g&eacute;n&eacute;rale des enjeux num&eacute;riques ou de la gestion d&rsquo;entreprise est un plus. <h3><strong>Pourquoi suivre cette formation</strong></h3> <ul> <li>&rarr; Vous &eacute;viterez les erreurs classiques des projets IA (investissements inutiles, manque d&rsquo;adoption, perte de sens).</li> <li>&rarr; Vous disposerez d&rsquo;une m&eacute;thode claire et reproductible, issue de missions r&eacute;elles en PME et startups.</li> <li>&rarr; Vous serez pr&ecirc;t&middot;e &agrave; piloter votre propre strat&eacute;gie IA de mani&egrave;re responsable et efficace.</li> </ul> <h3><strong>+ Ressources bonus :</strong></h3> <ul> <li>Templates de cartographie de processus</li> <li>Grille d&rsquo;&eacute;valuation de maturit&eacute; num&eacute;rique</li> <li>Tableau de calcul ROI (Excel)</li> <li>Checklists conformit&eacute; IA &amp; RGPD</li> <li>Un QCM pour tester vos nouvelles connaissances.</li> </ul> Je reste disponible dans le salon d&#39;entraide du cours pour r&eacute;pondre &agrave; vos questions sur les enjeux et probl&eacute;matiques li&eacute;es &agrave; l&#39;impl&eacute;mentation de l&#39;IA dans votre projet / entreprise.<br /> Bonne formation !&nbsp; https://fr.tuto.com/implementation-ia/implementer-ia-generative-entreprise,215301.html Thu, 06 Nov 2025 08:54:41 +0100 Canva : créer des supports de communication https://fr.tuto.com/canva/tuto-support-communication,210241.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/210241.jpg"/><br><h2>Canva s&rsquo;est impos&eacute; comme l&rsquo;un des outils les plus simples et les plus efficaces pour cr&eacute;er des visuels professionnels sans comp&eacute;tences techniques.</h2> Dans ce&nbsp;<strong>cours en ligne</strong>, vous apprendrez &agrave; <strong>ma&icirc;triser Canva pas &agrave; pas</strong>, &agrave; concevoir vos propres designs, et &agrave; produire rapidement des visuels pour le web, les r&eacute;seaux sociaux ou l&rsquo;impression. &Agrave; travers des <strong>exemples concrets et exercices guid&eacute;s</strong>, vous d&eacute;couvrirez comment transformer vos id&eacute;es en cr&eacute;ations percutantes, avec un flux de travail clair et organis&eacute;. <h3>Ce que vous allez apprendre</h3> <ul> <li>D&eacute;couvrir <strong>l&rsquo;interface et les outils de base</strong> de Canva.</li> <li>Utiliser et personnaliser les <strong>mod&egrave;les int&eacute;gr&eacute;s</strong> pour gagner du temps.</li> <li>G&eacute;rer les <strong>couleurs, polices et &eacute;l&eacute;ments graphiques</strong> pour cr&eacute;er une identit&eacute; visuelle coh&eacute;rente.</li> <li>Cr&eacute;er des <strong>visuels adapt&eacute;s aux r&eacute;seaux sociaux</strong>, aux pr&eacute;sentations et &agrave; la communication professionnelle.</li> <li>Importer vos propres images, logos et ressources.</li> <li>Exploiter les <strong>fonctionnalit&eacute;s avanc&eacute;es</strong> : IA, arri&egrave;re-plans, effets, animation et export.</li> <li>Organiser vos cr&eacute;ations.</li> </ul> <h3>Public cibl&eacute;</h3> <ul> <li><strong>Entrepreneurs, freelances, communicants</strong> cherchant &agrave; cr&eacute;er du contenu sans passer par un graphiste.</li> <li><strong>Community managers</strong> souhaitant produire rapidement des visuels de qualit&eacute;.</li> <li><strong>D&eacute;butants</strong> en graphisme voulant apprendre un outil simple et polyvalent.</li> </ul> <h3>Pr&eacute;-requis</h3> <ul> <li>Avoir un compte <strong>Canva gratuit ou Pro</strong>. Attention certaines fonctionnalit&eacute;s (comme l&#39;IA) n&eacute;cessitent un compte Pro.</li> <li>Aucune exp&eacute;rience pr&eacute;alable en design n&eacute;cessaire.</li> </ul> Les fichiers ressources sont fournis. N&#39;h&eacute;sitez pas &agrave; publier vos cr&eacute;ations dans le salon d&#39;entre-aide ! https://fr.tuto.com/canva/tuto-support-communication,210241.html Tue, 04 Nov 2025 15:08:09 +0100 PHP : Comprendre (Enfin) l’Upload de Fichiers https://fr.tuto.com/php/tuto-upload-fichier,215121.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/215121.jpg"/><br>Dans ce tuto, on va d&eacute;mystifier <strong>l&rsquo;envoi de fichiers en PHP</strong>.<br /> Vous allez comprendre comment fonctionne r&eacute;ellement l&rsquo;<strong>upload c&ocirc;t&eacute; serveur</strong>, depuis le formulaire HTML jusqu&rsquo;au d&eacute;placement du fichier dans votre dossier final. <h2>Au programme de ce tuto comprendre l&#39;upload de fichiers en PHP</h2> <ul> <li>La structure de $_FILES expliqu&eacute;e simplement</li> <li>Les v&eacute;rifications indispensables : erreur, extension</li> <li>La cr&eacute;ation automatique du dossier d&rsquo;upload</li> <li>Le d&eacute;placement s&eacute;curis&eacute; avec move_uploaded_file()</li> </ul> Ce tuto va vous aider &agrave; comprendre ce qui se passe sous le capot quand vous uploadez un fichier en PHP.<br /> Le but : que vous puissiez &eacute;crire votre propre script d&rsquo;upload fonctionnel et s&eacute;curis&eacute; sans copier-coller un vulgaire code trouv&eacute; sur le net.<br /> Et si vous passiez gratuitement votre Certification backend avec moi gr&acirc;ce &agrave; votre CPF ? https://fr.tuto.com/php/tuto-upload-fichier,215121.html Tue, 04 Nov 2025 16:37:51 +0100 Créer un poster narratif https://fr.tuto.com/photoshop/poster-narratif,215201.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/215201.jpg"/><br>Dans ce <strong>cours</strong>, vous allez apprendre deux volets essentiels : <ul> <li><strong>Partie 1 : Prise en main de la tablette XPPen Artist Ultra 16 (partenaire de la formation)</strong>.<br /> Je vous accompagne pas &agrave; pas pour d&eacute;baller, configurer, personnaliser et exploiter pleinement cette tablette dans vos projets graphiques, afin que vous puissiez vous lancer avec un outil parfaitement optimis&eacute;.</li> <li><strong>Partie 2 : Cr&eacute;ation de l&rsquo;affiche narrative illustr&eacute;e !</strong><br /> &Agrave; partir d&rsquo;un croquis de composition, vous explorerez les techniques de narration visuelle afin de valoriser votre sujet et orienter le regard du spectateur. Vous apprendrez &agrave; organiser vos &eacute;l&eacute;ments visuels pour qu&rsquo;ils fonctionnent individuellement et ensemble, &agrave; structurer une narration visuelle fluide, et &agrave; faire sortir les &eacute;l&eacute;ments cl&eacute;s de votre sc&egrave;ne.</li> </ul> Nous travaillerons les m&eacute;thodes &eacute;prouv&eacute;es du dessin et du montage visuel : <ul> <li>les trac&eacute;s et la technique du trait clair,</li> <li>les contrastes, les oppositions de masses et le d&eacute;coupage de silhouettes en noir et blanc,</li> <li>l&rsquo;emploi de la couleur (saturation, combinaisons, temp&eacute;ratures),</li> <li>ainsi que les techniques, r&egrave;gles et ratios, qui vous aideront &agrave; composer une affiche impactante.</li> </ul> Ce cours, d&rsquo;une dur&eacute;e d&rsquo;environ quarante minutes pour la premi&egrave;re partie, et de deux heures pour la seconde, couvre l&rsquo;int&eacute;gralit&eacute; du processus &mdash; du r&eacute;glage mat&eacute;riel dans la premi&egrave;re partie, &agrave; la production d&rsquo;une affiche forte, coh&eacute;rente et narrative, dans la seconde partie.<br /> <br /> Bonne formation ! https://fr.tuto.com/photoshop/poster-narratif,215201.html Fri, 31 Oct 2025 09:10:36 +0100 10 ateliers créatifs dans Photoshop https://fr.tuto.com/photoshop/10-ateliers-creatifs,213041.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/213041.jpg"/><br>Dans cette formation, vous d&eacute;couvrirez <strong>10 ateliers cr&eacute;atifs et pratiques</strong> pour exp&eacute;rimenter diff&eacute;rentes techniques cr&eacute;atives dans Photoshop.<br /> Chaque atelier vous proposera un <strong>exercice concret </strong>utilisant les outils de Photoshop.<br /> L&rsquo;objectif : vous faire progresser tout en vous amusant et en d&eacute;veloppant votre &oelig;il graphique. <h2>10 ateliers cr&eacute;atifs dans Photoshop&nbsp;&nbsp;&nbsp;</h2> Outils et fonctions abord&eacute;s dans ce tuto : <ul> <li>Les masques de fusion et d&rsquo;&eacute;cr&ecirc;tage</li> <li>Les objets dynamiques</li> <li>Les filtres (galerie et filtres intelligents)</li> <li>Les modes de fusion et les r&eacute;glages colorim&eacute;triques</li> <li>Les pinceaux personnalis&eacute;s et les formes</li> </ul> 📌 <strong>Un QCM en fin de formation est disponible</strong> pour valider vos acquis et tester vos connaissances de mani&egrave;re ludique.<br /> 💬 <strong>Une section entraide est accessible</strong> pour poser vos questions, partager vos rendus ou sugg&eacute;rer de futures vid&eacute;os &agrave; r&eacute;aliser ensemble.<br /> <strong>Pour en apprendre plus sur Photoshop</strong>, d&eacute;couvrez la&nbsp;formation sur 6 ateliers cr&eacute;atifs. https://fr.tuto.com/photoshop/10-ateliers-creatifs,213041.html Mon, 03 Nov 2025 09:47:26 +0100 Photoshop CC : tout sur les outils IA https://fr.tuto.com/photoshop/photoshop-outils-ia,199891.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/199891.jpg"/><br><h2>L&rsquo;intelligence artificielle transforme la fa&ccedil;on de travailler dans Photoshop.</h2> Cette formation vous apprend &agrave; <strong>exploiter concr&egrave;tement les outils IA int&eacute;gr&eacute;s</strong> au logiciel &agrave; travers <strong>8 ateliers pratiques</strong>.<br /> Chaque exercice aborde une situation r&eacute;elle &mdash; cr&eacute;ation, retouche, correction ou automatisation &mdash; pour vous aider &agrave; <strong>int&eacute;grer l&rsquo;IA dans votre flux de travail quotidien</strong> sans perdre la ma&icirc;trise de l&rsquo;image. <h3>Ce que vous allez apprendre</h3> <ul> <li>Comprendre le fonctionnement et les limites des outils IA de Photoshop.</li> <li>Utiliser le <strong>Remplissage g&eacute;n&eacute;ratif</strong> pour cr&eacute;er ou supprimer des &eacute;l&eacute;ments.</li> <li>Modifier des textures, objets ou v&ecirc;tements gr&acirc;ce &agrave; la <strong>g&eacute;n&eacute;ration contextuelle</strong>.</li> <li>Am&eacute;liorer une photo : <strong>suppression du bruit</strong>, <strong>r&eacute;duction des reflets</strong>, <strong>r&eacute;cup&eacute;ration de d&eacute;tails</strong>.</li> <li>Harmoniser automatiquement plusieurs images dans un <strong>composite photo-r&eacute;aliste</strong>.</li> <li>Int&eacute;grer ces outils dans un <strong>flux de travail non destructif</strong>, bas&eacute; sur les calques et objets dynamiques.</li> <li>Formuler des <strong>prompts efficaces</strong> pour obtenir les r&eacute;sultats souhait&eacute;s.</li> </ul> <h3><strong>Public cibl&eacute;</strong></h3> <ul> <li>Photographes, graphistes et cr&eacute;atifs souhaitant <strong>int&eacute;grer les outils IA dans Photoshop</strong>.</li> <li>Utilisateurs interm&eacute;diaires ma&icirc;trisant les bases de Photoshop voulant <strong>am&eacute;liorer leur efficacit&eacute; et leur rendu</strong>.</li> <li>Toute personne curieuse d&rsquo;explorer <strong>les nouveaux usages de l&rsquo;intelligence artificielle en retouche photo</strong>.</li> </ul> Tous les fichiers sources sont fournis (fichiers RAW de Canon EOS, Sony A7R5).<br /> Si vous cherchez une formation compl&egrave;te &agrave; Photoshop CC c&#39;est par ici ! https://fr.tuto.com/photoshop/photoshop-outils-ia,199891.html Thu, 30 Oct 2025 09:45:50 +0100 S'organiser avec Trello https://fr.tuto.com/trello/organiser-avec-trello,215111.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/215111.jpg"/><br>Trello est un logiciel de gestion de projet visuel en ligne qui permet de cr&eacute;er des tableaux pour organiser ses projets et g&eacute;rer ses t&acirc;ches en utilisant des listes, des cartes et des check-lists. Dans cette f<strong>ormation sur Trello</strong>, je vous montre comment utiliser facilement les fonctionnalit&eacute;s du logiciel avec des cas pratiques et des exemples concrets pour illustrer les possibilit&eacute;s dans diff&eacute;rents contextes.<br /> <br /> Avec Trello, vous pouvez organiser vos tableaux (10 tableaux dans la version gratuite) comme vous le souhaitez, ins&eacute;rer des liens et des pi&egrave;ces jointes, cr&eacute;er des listes de t&acirc;ches, ou connecter les tableaux entre eux. C&#39;est un logiciel intuitif, tr&egrave;s visuel et facile &agrave; prendre en main, Trello est disponible sur ordinateur et sur smartphone.<br /> <br /> Trello est con&ccedil;u pour travailler en <strong>collaboration</strong> avec d&#39;autres personnes en attribuant des t&acirc;ches &agrave; chaque personne mais vous pouvez tr&egrave;s bien l&#39;utiliser &agrave; titre personnel pour vous organiser. Trello est optimis&eacute; pour la m&eacute;thode Kanban mais il propose plusieurs modes de pr&eacute;sentation comme le tableur, le diagramme de Gantt, un calendrier, un tableau de bord.<br /> <br /> Vous retrouverez diff&eacute;rents exemples et un cas pratique &agrave; r&eacute;aliser &eacute;tape par &eacute;tape durant la formation.<br /> Pour vous entra&icirc;ner, vous pouvez reproduire le tableau Trello r&eacute;alis&eacute; pendant le cours.<br /> <br /> Pour utiliser le logiciel Trello, vous aurez simplement besoin de cr&eacute;er un compte gratuit.<br /> Je suis disponible pour r&eacute;pondre &agrave; toutes vos questions, n&#39;h&eacute;sitez pas &agrave; me solliciter. https://fr.tuto.com/trello/organiser-avec-trello,215111.html Thu, 23 Oct 2025 15:23:51 +0200 Programmation Web - CSS3 - Formation complète https://fr.tuto.com/css/programmation-web-css,214711.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/214711.jpg"/><br>Apr&egrave;s vous avoir fait deux formations gratuites (HTML + CSS) et une formation compl&egrave;te sur l&#39;apprentissage du HTML5 avec un peu de CSS.<br /> Vous allez enfin en apprendre beaucoup sur le CSS3 et transformez vos id&eacute;es en sites web modernes !<br /> Vous r&ecirc;vez de cr&eacute;er des sites web beaux, professionnels et responsives ? Que vous soyez <strong>d&eacute;butant</strong> ou que vous ayez d&eacute;j&agrave; quelques bases en HTML/CSS, cette formation compl&egrave;te sur <strong>CSS3</strong> va vous donner toutes les cl&eacute;s pour faire passer vos comp&eacute;tences au niveau sup&eacute;rieur. <h2>Programmation Web - CSS3 - Formation compl&egrave;te</h2> D&egrave;s les premiers modules, vous apprendrez &agrave; <strong>ma&icirc;triser les bases solides</strong> : <ul> <li>Comprendre l&rsquo;<strong>origine du CSS</strong> et comment l&rsquo;ins&eacute;rer efficacement dans vos pages.</li> <li>Utiliser les <strong>couleurs</strong> (Hexa, RGBA, HSL) pour donner du style et de la vie &agrave; vos sites.</li> <li>Choisir et int&eacute;grer les <strong>polices</strong> parfaites pour vos projets.</li> <li>Structurer vos contenus gr&acirc;ce aux <strong>bo&icirc;tes</strong> (display, margin, padding) et aux <strong>unit&eacute;s de mesure</strong> (px, %, em, rem).</li> </ul> Mais ce n&rsquo;est que le d&eacute;but ! Une fois ces bases pos&eacute;es, vous d&eacute;couvrirez : <ul> <li>Les <strong>positions avanc&eacute;es</strong> (relative, absolute, sticky, fixed) pour un contr&ocirc;le total de vos &eacute;l&eacute;ments.</li> <li>L&rsquo;ancienne technique du <strong>float</strong> mais surtout les m&eacute;thodes modernes : <strong>Flexbox et CSS Grid</strong> pour cr&eacute;er des mises en page &eacute;l&eacute;gantes, adaptables et responsives.</li> <li>Les <strong>s&eacute;lecteurs avanc&eacute;s</strong>, les <strong>pseudos-classes</strong> et <strong>pseudos-&eacute;l&eacute;ments</strong> pour un style ultra-pr&eacute;cis.</li> </ul> Et pour aller encore plus loin : <ul> <li>Les <strong>animations et transitions</strong> pour rendre vos pages dynamiques.</li> <li>Les <strong>transformations</strong> (rotate, scale, translate) pour donner de la profondeur &agrave; vos cr&eacute;ations.</li> <li>Les <strong>media queries</strong> pour ma&icirc;triser le <strong>responsive design</strong>.</li> <li>L&rsquo;utilisation des <strong>variables CSS</strong>, du <strong>reset et normalize</strong>, et une introduction aux <strong>frameworks CSS</strong> comme Bootstrap.</li> <li>Enfin, vous mettrez en pratique tout ce que vous aurez appris &agrave; travers un <strong>projet concret de site web</strong>, valid&eacute; par les standards du <strong>W3C</strong>.</li> </ul> <br /> &Agrave; la fin de cette formation, vous serez capable de cr&eacute;er <strong>des sites web modernes, &eacute;l&eacute;gants et adapt&eacute;s &agrave; tous les &eacute;crans</strong>.<br /> Vous ne vous contenterez plus de suivre des tutoriels : vous aurez les comp&eacute;tences pour imaginer et r&eacute;aliser vos propres projets web de A &agrave; Z.<br /> Alors, pr&ecirc;t &agrave; faire passer vos sites web du <strong>basique</strong> au <strong>professionnel</strong> ?<br /> <br /> Alors bonne formation et bon apprentissage ! https://fr.tuto.com/css/programmation-web-css,214711.html Fri, 24 Oct 2025 11:30:04 +0200 Vidéo IA : Maîtriser Google Veo (Flow) https://fr.tuto.com/google-veo/video-ia-google-flow,215141.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/215141.jpg"/><br><h2>La ma&icirc;trise des outils de contr&ocirc;le narratif est essentielle pour surmonter ces limites et r&eacute;aliser des vid&eacute;os IA au niveau professionnel.</h2> <strong>Google Veo, dans Flow, vous permettra d&#39;avoir un contr&ocirc;le sur la narration et la coh&eacute;rence de vos s&eacute;quences.</strong><br /> Dans cette formation, vous apprendrez les workflows pr&eacute;cis n&eacute;cessaires pour exploiter Google Veo : <ul> <li>✅ Ma&icirc;triser la <strong>structure des Prompts JSON</strong> pour contr&ocirc;ler la s&eacute;quence, les dialogues, les bruitages et les transitions de vos vid&eacute;os.</li> <li>✅ R&eacute;aliser des <strong>personnages consistants</strong> et stables sur l&#39;int&eacute;gralit&eacute; de vos sc&egrave;nes (le d&eacute;fi n&deg;1 de l&#39;IA vid&eacute;o).</li> <li>✅ Utiliser la technique du <strong>Draw-to-Video</strong> pour guider visuellement Veo et garantir une pr&eacute;cision du mouvement.</li> <li>✅ Int&eacute;grer les mod&egrave;les <strong>Nano Banana et Whisk</strong> pour optimiser votre workflow d&#39;Image-to-Video.</li> <li>✅ Construire des sc&egrave;nes complexes et enregistrer vos <strong>ASSETS</strong> gr&acirc;ce au <strong>SceneBuilder</strong> dans Google Flow.</li> <li>✅ G&eacute;rer les langues et les accents pour des descriptions de personnages et des dialogues r&eacute;alistes.</li> </ul> <br /> 🎯 Cette formation est faite pour vous si : <ul> <li>&rarr; Vous &ecirc;tes <strong>professionnel de la vid&eacute;o</strong> et cherchez &agrave; int&eacute;grer l&#39;IA pour augmenter votre productivit&eacute; sans perdre en qualit&eacute; narrative.</li> <li>&rarr; Vous &ecirc;tes <strong>cr&eacute;atif</strong> et voulez passer d&#39;une simple g&eacute;n&eacute;ration al&eacute;atoire &agrave; un v&eacute;ritable <strong>contr&ocirc;le de r&eacute;alisation</strong>.</li> <li>&rarr; Vous poss&eacute;dez d&eacute;j&agrave; un <strong>abonnement actif &agrave; Google Flow</strong> et souhaitez exploiter 100% de ses fonctionnalit&eacute;s avanc&eacute;es (JSON, Draw-to-Video).</li> </ul> <br /> ✨&nbsp;Pourquoi cette formation se d&eacute;marque : <ul> <li>&rarr; <strong>Progression compl&egrave;te du Prompt :</strong> Cette formation couvre toutes les techniques de prompt, du <strong>simple</strong> au <strong>structur&eacute;</strong>, jusqu&#39;&agrave; la cr&eacute;ation de&nbsp;<strong>Prompts JSON</strong>.</li> <li>&rarr; <strong>Fonctionnalit&eacute;s Flow :</strong> Vous explorez en profondeur les fonctionnalit&eacute;s avanc&eacute;es de Google Flow (SceneBuilder, Extend, Draw-to-Video).</li> <li>&rarr; <strong>M&eacute;thode praticienne :</strong> Les workflows sont issus de <strong>d&eacute;monstrations r&eacute;elles</strong> (pas de th&eacute;orie), utilis&eacute;s pour cr&eacute;er des vid&eacute;os professionnelles avec audio et dialogues.</li> <li>&rarr; <strong>Multi-outils :</strong> Vous apprenez l&#39;&eacute;cosyst&egrave;me Veo, Flow, Nano Banana et Whisk pour des r&eacute;sultats exploitables.</li> </ul> <br /> 💎 <strong>RESSOURCE :</strong> Livret des prompts de la formation (Prompts simples, narratifs et structures JSON complexes) + URLs de r&eacute;f&eacute;rence.<br /> <br /> <br /> 🚀 Alors, pr&ecirc;t.e &agrave; passer au niveau sup&eacute;rieur et obtenir un contr&ocirc;le sur vos r&eacute;alisations vid&eacute;o IA ?<br /> Rejoignez les professionnels qui transforment d&eacute;j&agrave; leur cr&eacute;ation de contenu.<br /> <br /> ------------<br /> Marie Laure Bonnaud Formatrice IA G&eacute;n&eacute;rative | 20+ ans d&#39;exp&eacute;rience dans le num&eacute;rique | Cr&eacute;atrice Tuto.com. https://fr.tuto.com/google-veo/video-ia-google-flow,215141.html Mon, 27 Oct 2025 10:42:13 +0100 Cours Back-End pour les débutants https://fr.tuto.com/javascript/back-end-debutant,215001.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/215001.jpg"/><br>Bonjour et bienvenue dans ce cours <strong>Back-End pour les d&eacute;butants</strong>.<br /> <br /> S&#39;attaquer aux <strong>bases de donn&eacute;es</strong> et aux <strong>serveurs </strong>peut para&icirc;tre intimidant.<br /> Il faut faire attention &agrave; la s&eacute;curit&eacute;, aux performances, aux co&ucirc;ts, etc.<br /> <br /> &Ccedil;a peut sembler <strong>hors de port&eacute;e</strong> ...<br /> Beaucoup abandonnent avant m&ecirc;me d&#39;avoir commenc&eacute;.<br /> Et pourtant, on peut <strong>tr&egrave;s facilement</strong> d&eacute;couvrir ce monde fascinant.<br /> Avec les bons outils et un bon projet, vous pouvez d&eacute;couvrir 80% du d&eacute;veloppement Back-End en quelques heures.<br /> <br /> C&#39;est pour cela que <strong>j&#39;ai cr&eacute;&eacute; ce cours pour vous</strong>.<br /> Requ&ecirc;tes HTTP, formulaires, authentification, pages priv&eacute;es/publiques, mod&egrave;les, vues, contr&ocirc;leurs, tout y passe.<br /> <br /> Nous allons d&eacute;couvrir ces <strong>technologies embl&eacute;matiques</strong> ensemble.<br /> J&#39;ai choisi des technologies simples &agrave; prendre en main et &agrave; configurer pour vous faciliter la t&acirc;che.<br /> <br /> Mais le Back-End reste <strong>un gros morceau</strong>.<br /> Il ne suffit pas d&#39;acheter le cours, il faut le suivre assid&ucirc;ment et coder avec moi.<br /> <br /> Heureusement, ce cours est con&ccedil;u pour &ecirc;tre <strong>simple et didactique</strong>.<br /> L&#39;enti&egrave;ret&eacute; du code source est fournie, ainsi que des explications claires et pr&eacute;cises de chaque ligne de code.<br /> Vous pourrez &eacute;galement <strong>me contacter</strong> &agrave; tout moment et rejoindre la <strong>communaut&eacute; </strong>si vous le souhaitez.<br /> Je reste disponible pour r&eacute;pondre &agrave; vos questions.<br /> <br /> Rendez-vous de l&#39;autre c&ocirc;t&eacute; pour commencer &agrave; coder. https://fr.tuto.com/javascript/back-end-debutant,215001.html Thu, 23 Oct 2025 11:41:05 +0200 Formation Maîtriser Excel 365 de A à Z https://fr.tuto.com/excel/formation-maitriser-excel-365-de-a-a-z,215131.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/215131.jpg"/><br>La <strong>formation Ma&icirc;triser Excel 365 de A &agrave; Z</strong> est un parcours progressif con&ccedil;u pour faire de vous un <strong>expert Excel</strong>, quel que soit votre niveau de d&eacute;part. <ul> <li>Vous d&eacute;marrez en d&eacute;couvrant l&#39;interface, en apprenant &agrave; organiser vos donn&eacute;es, &agrave; cr&eacute;er des tableaux clairs et vos premiers graphiques percutants.</li> <li>En quelques heures, vous <strong>gagnez l&#39;autonomie</strong> n&eacute;cessaire pour utiliser Excel au quotidien sans h&eacute;sitation.</li> <li>Tr&egrave;s vite, vous passez aux <strong>fonctions</strong> qui font la diff&eacute;rence : recherches avanc&eacute;es, conditions, gestion de grandes bases de donn&eacute;es et tableaux crois&eacute;s dynamiques.</li> <li>Vous ma&icirc;trisez les raccourcis qui multiplient votre <strong>productivit&eacute;</strong> et produisez des documents professionnels qui marquent les esprits.</li> </ul> La formation vous emm&egrave;ne ensuite vers des <strong>techniques avanc&eacute;es</strong> qui changent tout : <ul> <li>vous explorez des <strong>formules complexes</strong>,</li> <li>d&eacute;veloppez des<strong> analyses pouss&eacute;es</strong>,</li> <li>et cr&eacute;ez des <strong>graphiques</strong> dynamiques sophistiqu&eacute;s.</li> </ul> Vos donn&eacute;es deviennent des informations strat&eacute;giques que vous manipulez avec aisance et pr&eacute;cision.<br /> Le parcours culmine avec le <strong>niveau expert :</strong> <ul> <li>vous apprenez &agrave; automatiser vos t&acirc;ches r&eacute;p&eacute;titives,</li> <li>&agrave; cr&eacute;er des fonctions personnalis&eacute;es et &agrave; concevoir des tableaux de bord interactifs.</li> </ul> &Agrave; l&#39;issue de cette formation, Excel devient votre <strong>outil strat&eacute;gique</strong>.<br /> Vous optimisez vos processus, lib&eacute;rez un temps pr&eacute;cieux et impressionnez par des solutions professionnelles sur mesure. https://fr.tuto.com/excel/formation-maitriser-excel-365-de-a-a-z,215131.html Fri, 24 Oct 2025 10:04:26 +0200 Animation Spéciale Halloween https://fr.tuto.com/after-effects/animation-halloween,215181.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/215181.jpg"/><br>Dans cette formation compl&egrave;te, nous allons cr&eacute;er une animation d&rsquo;Halloween originale et ludique en donnant vie &agrave; une citrouille rebondissante !<br /> Ce projet vous permettra de ma&icirc;triser les bases du mouvement, tout en d&eacute;couvrant des techniques d&rsquo;animation dynamiques et fluides dans <strong>After Effects</strong>.<br /> Nous progresserons pas &agrave; pas pour concevoir une sc&egrave;ne coh&eacute;rente et pleine de personnalit&eacute;, id&eacute;ale pour enrichir votre portfolio ou vos projets saisonniers.<br /> <br /> 💡 <strong>Une partie de la formation est d&eacute;di&eacute;e &agrave; la cr&eacute;ation de la citrouille dans Illustrator</strong>, mais <strong>elle est totalement optionnelle</strong>.<br /> Si vous le souhaitez, vous pouvez <strong>commencer directement dans After Effects</strong> : le fichier de projet contenant tous les &eacute;l&eacute;ments n&eacute;cessaires est fourni, pr&ecirc;t &agrave; &ecirc;tre utilis&eacute;. <h4>Gr&acirc;ce &agrave; cette formation, vous apprendrez &agrave; :</h4> <ul> <li>Pr&eacute;parer votre composition et vos calques pour un flux de travail clair et organis&eacute;.</li> <li>Cr&eacute;er un <strong>mouvement de rebond r&eacute;aliste</strong>, en comprenant les notions d&rsquo;anticipation, de vitesse et d&rsquo;amorti.</li> <li>Utiliser les <strong>courbes d&rsquo;animation</strong> pour obtenir un rendu fluide et naturel.</li> <li>Ajouter des <strong>d&eacute;formations et &eacute;tirements (squash &amp; stretch)</strong> afin d&rsquo;accentuer le dynamisme du mouvement.</li> <li>Mettre en place un <strong>&eacute;clairage simple et des ombres</strong> pour renforcer la mise en sc&egrave;ne.</li> <li>Int&eacute;grer un <strong>sound design</strong> l&eacute;ger et percutant, pour renforcer l&rsquo;impact visuel.</li> </ul> Chaque chapitre aborde une &eacute;tape cl&eacute; du processus, vous guidant vers la cr&eacute;ation d&rsquo;une animation compl&egrave;te et professionnelle, inspir&eacute;e de l&rsquo;univers d&rsquo;Halloween.<br /> Les <strong>fichiers sources</strong> ainsi que le <strong>projet After Effects final</strong> seront fournis, afin que vous puissiez suivre le cours &agrave; votre rythme ou personnaliser le rendu selon vos envies.<br /> Un <strong>QCM</strong> viendra conclure la formation pour tester vos connaissances, et vous pourrez &eacute;changer dans le <strong>salon d&rsquo;entraide</strong> si vous avez des questions ou souhaitez partager vos cr&eacute;ations.<br /> 🎃 <strong>Rejoignez cette aventure cr&eacute;ative et d&eacute;couvrez comment transformer une simple citrouille en un personnage plein de vie gr&acirc;ce &agrave; l&rsquo;animation !</strong> https://fr.tuto.com/after-effects/animation-halloween,215181.html Wed, 29 Oct 2025 15:28:13 +0100 Créer des Accordéons Accessibles RGAA 4.1 – Navigation Clavier https://fr.tuto.com/javascript/accordeons-accessibles-navigation-clavier,213821.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/213821.jpg"/><br><strong>L&rsquo;accord&eacute;on</strong> est un composant tr&egrave;s utilis&eacute; dans les interfaces web : il permet de pr&eacute;senter beaucoup d&rsquo;informations dans un espace r&eacute;duit, tout en offrant &agrave; l&rsquo;utilisateur la possibilit&eacute; de d&eacute;velopper uniquement les sections qui l&rsquo;int&eacute;ressent.<br /> Mais comme pour toute interaction, la question de l&rsquo;<strong>accessibilit&eacute;</strong> est essentielle.<br /> Un accord&eacute;on mal con&ccedil;u peut &ecirc;tre inutilisable pour les personnes naviguant au <strong>clavier</strong>, utilisant un lecteur d&rsquo;&eacute;cran ou rencontrant des difficult&eacute;s cognitives.<br /> <br /> Dans ce tutoriel, nous allons voir ensemble comment cr&eacute;er un <strong>accord&eacute;on 100% accessible et conforme au RGAA 4.1</strong>. <h2>Au programme :</h2> <ul> <li>Structure HTML s&eacute;mantique avec button, aria-expanded et aria-controls</li> <li>Association des panneaux avec role=&quot;region&quot; et aria-labelledby</li> <li>Navigation clavier compl&egrave;te (Tab, Entr&eacute;e, Espace, Fl&egrave;ches, Home et End)</li> <li>Gestion du focus avec tabindex pour garantir une exp&eacute;rience fluide</li> <li>Logique JavaScript simple pour basculer l&rsquo;&eacute;tat des panneaux (toggle)</li> </ul> &Agrave; la fin de ce tuto, vous serez capable d&rsquo;int&eacute;grer un accord&eacute;on dans vos projets web &agrave; la fois ergonomique, accessible et conforme aux standards.<br /> <strong>Pour aller plus loin sur les connaissances en RGAA :</strong> <ul> <li>RGAA : Faites de l&#39;accessibilit&eacute; un atout pour votre entreprise</li> <li>Formulaire accessibilit&eacute; : guide pas &agrave; pas RGAA (HTML, CSS, JS)</li> <li>Int&eacute;grer une police Dys pour am&eacute;liorer l&rsquo;accessibilit&eacute; de votre site</li> <li>Navigation clavier et souris. Votre site passe-t-il le test RGAA ?</li> <li>Cr&eacute;er des Onglets Accessibles RGAA 4.1 &ndash; Navigation Clavier</li> <li>Attributs HTML et ARIA &ndash; Guide accessibilit&eacute; web</li> </ul> https://fr.tuto.com/javascript/accordeons-accessibles-navigation-clavier,213821.html Thu, 23 Oct 2025 11:54:40 +0200 Gratuit : 10 astuces et raccourcis pour gagner du temps dans Illustrator https://fr.tuto.com/illustrator/astuces-raccourcis-gratuits,215151.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/215151.jpg"/><br><h2>Optimiser votre flux de travail et travailler plus vite, tel est l&rsquo;objectif de ce tutoriel consacr&eacute; aux 10 astuces et raccourcis incontournables dans Illustrator CC.</h2> Que vous soyez d&eacute;butant ou utilisateur confirm&eacute;, vous d&eacute;couvrirez comment acc&eacute;l&eacute;rer votre production, simplifier vos manipulations et tirer le meilleur parti de l&rsquo;interface d&rsquo;Illustrator. <h3>Dans ce tuto &quot;10 astuces et raccourcis pour gagner du temps dans Illustrator CC&quot;, vous allez :</h3> <ul> <li>D&eacute;couvrir les <strong>raccourcis claviers essentiels</strong> pour naviguer efficacement,</li> <li>G&eacute;rer vos <strong>calques et groupes</strong> de mani&egrave;re fluide,</li> <li>Dupliquer, aligner et transformer vos &eacute;l&eacute;ments plus rapidement,</li> <li>Utiliser les <strong>outils cach&eacute;s</strong> et options avanc&eacute;es pour gagner en pr&eacute;cision,</li> <li>Mettre en place un <strong>workflow optimis&eacute;</strong> pour vos projets print et web.</li> </ul> Un <strong>QCM</strong> est disponible &agrave; la fin pour valider vos connaissances et consolider vos acquis.<br /> Une <strong>section Entraide</strong> est &eacute;galement ouverte pour poser vos questions, partager vos astuces et demander des compl&eacute;ments en vid&eacute;o.<br /> Et pour aller plus loin, d&eacute;couvrez notre formation compl&egrave;te <strong>Illustrator et l&#39;illustration de cocktail</strong> https://fr.tuto.com/illustrator/astuces-raccourcis-gratuits,215151.html Mon, 03 Nov 2025 09:16:46 +0100