Apprendre la conception web, HTML, CSS, JavaScript, design et développement...

Proposez votre tutoriel

Niveaux : Débutant Confirmé Expert

HTML

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

• Articlehtml Les citations en HTML avec blockquote, cite et q Niveau débutant
• Articlehtml Sécuriser les iframes avec l'attribut sandbox Niveau confirmé
• Articlehtml Les aides au préchargement de ressources Niveau débutant
• Astucehtml Chargement différé des images avec loading="lazy" Niveau débutant
• Astucehtml Inspecter un DOM qui bouge Niveau confirmé
• Articlehtml L'élément <wbr> Niveau débutant
• Tous les documents HTML

CSS

Feuilles de style CSS (Cascading Style Sheet)

• Articlecss Forcer l'application de conventions CSS avec Stylelint Niveau expert
• Articlecss La valeur currentColor en CSS Niveau débutant
• Tutorielcss Appliquer des styles CSS à SVG : le guide complet Niveau débutant
• Tutorielcss L'art des animations d'entrée avec CSS @starting-style Niveau expert
• Articlecss Les Animations liées au scroll avec CSS Niveau expert
• Tutorielcss Tout savoir sur les variables CSS (custom properties) Niveau débutant
• Tous les documents CSS

Accessibilité

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

• Articleaccessibilité Le sous-titrage vidéo avec WebVTT Niveau débutant
• Articleaccessibilité Le clavier, un moyen de navigation à ne pas négliger
• Articleaccessibilité Le modèle de conception ARIA Disclosure Niveau débutant
• Astuceaccessibilité Le coup de pouce accessibilité de CSS :focus-visible Niveau débutant
• Articleaccessibilité Ressources et documentations pour l'accessibilité des pages web
• Tutorielaccessibilité Outils pour vérifier l’accessibilité de vos sites web Niveau expert
• Tous les documents Accessibilité

Javascript

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

• Articlejavascript Les import maps en JavaScript Niveau expert
• Tutorieljavascript IA : Interroger un LLM en JavaScript avec Ollama Niveau débutant
• Astucejavascript Les raccourcis de propriétés (property shorthand) en JavaScript Niveau confirmé
• Articlejavascript Navigation Timing API Niveau confirmé
• Articlejavascript Les Web Workers en action Niveau expert
• Articlejavascript Deno, le futur de Node ? Niveau débutant
• 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 La notion d'origine web et CORS Niveau expert
• Articledéveloppement Analyser du code PHP avec PHPStan Niveau confirmé
• Astucedéveloppement WordPress : associer les taxonomies catégories et étiquettes aux Pages Niveau débutant
• Articledéveloppement Adapter et migrer votre ancien site PHP vers PHP8
• Tutorieldéveloppement Menu accessible sur WordPress : les bases d'un menu simple Niveau confirmé
• Tous les documents Développement

Responsive web design

Tout pour smartphones et tablettes

• Astuceresponsive Retina Trick ou Compressive Images : des images en haute résolution partout Niveau expert
• Astuceresponsive Images responsive, flexbox et souci de ratio d'affichage Niveau expert
• Articleresponsive Images responsive et attribut sizes, amstramgram, pic... Niveau expert
• Tutorielresponsive Une grille responsive avec CSS3 Flexbox et LESS (ou Sass) Niveau expert
• Astuceresponsive Découvrez l'inspecteur d'élément responsive de Google Chrome Niveau débutant
• Articleresponsive Comment tester un site responsive? (partie 1) Niveau débutant
• Tous les documents Responsive web design

Design

Design et graphisme pour le web

• Articledesign L’IA dans Figma : des plugins et fonctionnalités qui nous simplifient la vie
• Articledesign Priorité à l'accessibilité : pour des maquettes inclusives
• Articledesign Les carrousels (slider) sont-ils vraiment utiles ?
• Articledesign Le plugin figma du mois : Neumorphism
• Articledesign Le menu burger sur mobile est-il toujours d'actualité en 2022 ?
• Tutorieldesign Mettre en place un design workflow efficace pour la conception de maquettes web Niveau débutant
• 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 Mermaid : diagrammes, schémas et graphiques dans markdown
• Astuceformats Optimiser le poids des images SVG Niveau débutant
• Articleformats Qu'est-ce qu'un type MIME ? Niveau débutant
• Articleformats Le format d'image APNG
• Astuceformats Le fonctionnement de la compression Gzip Niveau confirmé
• Tutorielformats SVG, le dessin vectoriel pour le web Niveau confirmé
• Tous les documents Formats, encodage, XML

Web

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

• Articleweb Fouilles de données sur le web, comment s'en protéger Niveau confirmé
• Astuceweb Que sont les paramètres UTM dans une URL ? Niveau débutant
• Articleweb Anticiper et écrire facilement les contenus pour un projet web réussi
• Articleweb Revue de la définition du support des navigateurs Niveau débutant
• Articleweb URL, URI, URN, quelles différences ? Niveau débutant
• Articleweb Internationalisation (i18n) ou localisation (l10n) ? Niveau débutant
• Tous les documents Web