Tutoriels HTML5, CSS3, Accessibilité, JavaScript, AJAX, jQuery - Alsacreations

Apprendre les standards Web, HTML, CSS, JavaScript, design et développement...

Proposez votre tutoriel

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)

Astucecss La propriété image-rendering en CSS Niveau confirmé
Articlecss Deux années avec Tailwind CSS, quel bilan? Niveau débutant
Articlecss Maîtriser la spécificité CSS grâce à Cascade Layers Niveau confirmé
Articlecss Le Reset CSS, une histoire d'héritage et de réinitialisation Niveau débutant
Astucecss Corriger le problème de hauteur 100% (100vh) sur mobile Niveau confirmé
Tutorielcss Du pixel art en CSS avec box-shadow Niveau confirmé
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

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
Astucejavascript Le nullish coalescing operator en JavaScript Niveau débutant
Articlejavascript ECMAScript Niveau confirmé
Tous les documents Javascript

Développement

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

Tutorieldéveloppement Menu accessible sur WordPress : les bases d'un menu simple Niveau confirmé
Tutorieldéveloppement Traductions multilingues avec Timber Niveau expert
Articledéveloppement Le headless à l'aise avec l'API Rest de WordPress Niveau confirmé
Tutorieldéveloppement Traduire vos extensions WordPress Niveau confirmé
Tutorieldéveloppement Docker compose Niveau expert
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

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 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
Articledesign Les 8 bonnes raisons d'abandonner Photoshop
Articledesign Tendances Web Design 2016 Niveau débutant
Articledesign Tendances Web Design 2015
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

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é
Articleformats Le format JSON, AJAX et jQuery Niveau confirmé
Astuceformats Opensearch pour ajouter le moteur de recherche à votre navigateur Niveau confirmé
Articleformats Syndication de contenu (flux RSS, Atom) Niveau débutant
Tous les documents Formats, encodage, XML

Web

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

Articleweb Internationalisation (i18n) ou localisation (l10n) ? Niveau débutant
Articleweb Optimisez vos polices web Niveau débutant
Articleweb Partis tiers : maîtrisez leurs impacts sur la vitesse et la sécurité de vos sites Niveau confirmé
Tutorielweb Ébauche de workflow Gulp : tâches courantes, unCSS, includes HTML et critical-CSS Niveau expert
Articleweb Synchroniser son serveur web avec Github
Tutorielweb Bower pour les nuls (comme moi) Niveau débutant
Tous les documents Web

Quelle balise utilise-t-on pour faire l'espace entre deux mots. J'essayais la balise "spacer" mais elle ne fonctionne qu'avec Moriza (Laurence Bocolini)