Tutoriels niveau Intermédiaire

Proposez votre tutoriel

Niveaux : Débutant Confirmé Expert

HTML

Langages hypertexte (HTML, HTML5), balises, structure des pages web et validation W3C

• Articlehtml Sécuriser les iframes avec l'attribut sandbox Niveau confirmé
• Astucehtml Inspecter un DOM qui bouge Niveau confirmé
• Articlehtml Abréviations sur le web, balisage sémantique et exemples de code Niveau confirmé
• Articlehtml Microdata et Schema.org, la sémantique chirurgicale Niveau confirmé
• Tutorielhtml Un logo cliquable SVG avec alternatives Niveau confirmé
• Articlehtml <meter> et <progress> Niveau confirmé
• Tous les documents HTML

CSS

Feuilles de style CSS (Cascading Style Sheet)

• Articlecss Les modes d'apparence Light mode et Dark mode Niveau confirmé
• Articlecss CSS :has() le sélecteur de parent, mais bien plus encore ! Niveau confirmé
• Articlecss Les Container Queries en CSS Niveau confirmé
• Astucecss La propriété image-rendering en CSS Niveau confirmé
• Articlecss Maîtriser la spécificité CSS grâce à Cascade Layers Niveau confirmé
• Astucecss Corriger le problème de hauteur 100% (100vh) sur mobile Niveau confirmé
• Tous les documents CSS

Accessibilité

Accessibilité des sites internet, bonnes pratiques, ergonomie, utilisabilité

• Articleaccessibilité État des lieux de l'accessibilité de HTML5 Niveau confirmé
• Astuceaccessibilité Utilisez l’élément label dans les formulaires Niveau confirmé
• Tutorielaccessibilité Les liens d'évitement Niveau confirmé
• Articleaccessibilité L'accessibilité des menus de navigation déroulants Niveau confirmé
• Articleaccessibilité L'attribut tabindex et la navigation au clavier Niveau confirmé
• Articleaccessibilité Accesskey le grand échec de l'accessibilité du Web Niveau confirmé
• Tous les documents Accessibilité

Javascript

Langage de script pour le web dynamique exécuté par le navigateur

• Astucejavascript Les raccourcis de propriétés (property shorthand) en JavaScript Niveau confirmé
• Articlejavascript Navigation Timing API Niveau confirmé
• Articlejavascript ECMAScript Niveau confirmé
• Astucejavascript Le scroll maîtrisé avec scrollIntoView Niveau confirmé
• Articlejavascript À quoi sert High Resolution Time API ? Niveau confirmé
• Articlejavascript Qu'est-ce que Vite ? Niveau confirmé
• Tous les documents Javascript

Développement

Langages et technologies du web tels que PHP, MySQL, Ajax

• Articledéveloppement Déployer CSP : une approche en 5 étapes Niveau confirmé
• Articledéveloppement Analyser du code PHP avec PHPStan Niveau confirmé
• Tutorieldéveloppement Menu accessible sur WordPress : les bases d'un menu simple Niveau confirmé
• Articledéveloppement Le headless à l'aise avec l'API Rest de WordPress Niveau confirmé
• Tutorieldéveloppement Traduire vos extensions WordPress Niveau confirmé
• Tutorieldéveloppement Préparer un thème WordPress pour l'internationalisation Niveau confirmé
• Tous les documents Développement

Responsive web design

Tout pour smartphones et tablettes

• Articleresponsive Responsive Images : comprendre srcset et sizes Niveau confirmé
• Tutorielresponsive Menu de navigation avec amélioration progressive Niveau confirmé
• Articleresponsive Comprendre le Viewport dans le Web mobile Niveau confirmé
• Tous les documents Responsive web design

Design

Design et graphisme pour le web

• Articledesign Créer des GIFs animés de présentation d'UI/UX Design Niveau confirmé
• Tutorieldesign Créer facilement une palette de couleurs accessibles Niveau confirmé
• Tutorieldesign Réduire le poids d'une image SVG : d'Illustrator à l'export final Niveau confirmé
• Tutorieldesign Créer une police d’icônes facilement à partir d’illustrations vectorielles Niveau confirmé
• Tutorieldesign Zoom sur l'effet parallaxe Niveau confirmé
• Astucedesign Un arrière-plan extensible intelligent Niveau confirmé
• Tous les documents Design

Vue & Nuxt

Vue.js et Nuxt

• Tutorielvue-nuxt Utilisation d'une API REST avec Vue.js et TypeScript Niveau confirmé
• Tous les documents Vue & Nuxt

Formats, encodage, XML

Formats variés, XML et microformats, sémantique

• Astuceformats Le fonctionnement de la compression Gzip Niveau confirmé
• Tutorielformats SVG, le dessin vectoriel pour le web Niveau confirmé
• Articleformats Le format JSON, AJAX et jQuery Niveau confirmé
• Astuceformats Opensearch pour ajouter le moteur de recherche à votre navigateur Niveau confirmé
• Astuceformats Qu'est-ce que FOAF (Friend Of A Friend) ? Niveau confirmé
• Articleformats XML en quelques mots Niveau confirmé
• Tous les documents Formats, encodage, XML

Web

Le monde du web et d'internet en général

• Articleweb Partis tiers : maîtrisez leurs impacts sur la vitesse et la sécurité de vos sites Niveau confirmé
• Articleweb Le schéma Data-URI Niveau confirmé
• Astuceweb Comment interdire le mode de compatibilité sur IE ? Niveau confirmé
• Tutorielweb jEdit, éditeur de texte multi-plateformes Niveau confirmé
• Astuceweb Simulez votre site sur téléphones mobiles avec ProtoFluid Niveau confirmé
• Articleweb Négociation de contenu Niveau confirmé
• Tous les documents Web