Apprenez le HTML5 et le CSS3, par l'exemple.
Des tutoriels clairs et concrets pour maîtriser le HTML5 (géolocalisation, applications offline, microdata) et le CSS3 (transformations 3D, dégradés, ombres, polices personnalisées), avec du code prêt à copier.
Le HTML5 en pratique
Les nouvelles balises et API qui ont transformé le web : sémantique, géolocalisation et applications connectées.
Introduction à HTML5
Découvrez HTML5 : son histoire, ses nouvelles balises sémantiques, les API JavaScript et ce qui change concrètement par rapport au HTML4.
Lire →Application web offline avec le cache manifest HTML5
Tutoriel : rendre une application web accessible hors-ligne grâce au cache manifest HTML5 (AppCache), avec ses limites et l'alternative Service Workers.
Lire →Tutoriel : la géolocalisation en HTML5
Apprenez à utiliser l'API de géolocalisation HTML5 en JavaScript : récupérer la position de l'internaute, gérer les erreurs et le suivi en temps réel.
Lire →Géolocalisation HTML5 avec l'API Google Maps
Combinez la géolocalisation HTML5 et l'API Google Maps pour afficher la position de l'internaute sur une carte interactive.
Lire →Microformats et microdata en HTML5
Comprenez les microformats et la microdata HTML5 pour enrichir vos pages de données structurées et améliorer leur affichage dans les moteurs de recherche.
Lire →Initializr : générateur de template HTML5 Boilerplate
Découvrez Initializr, le générateur en ligne qui crée un squelette HTML5 prêt à l'emploi basé sur HTML5 Boilerplate pour démarrer vos projets.
Lire →Le CSS3 qui fait la différence
Effets visuels, mise en forme avancée et typographie : tout ce que le CSS3 apporte sans une seule image.
Les transformations 3D en CSS3
Maîtrisez les transformations 3D en CSS3 : perspective, rotateX/Y/Z, translate3d et transform-style pour créer des effets en relief performants.
Lire →Les dégradés de couleurs en CSS3 (gradient)
Créez des dégradés en CSS3 sans image : linear-gradient, radial-gradient, conic-gradient, dégradés multiples et bonnes pratiques de performance.
Lire →Les ombres en CSS3 avec box-shadow
Apprenez à créer des ombres en CSS3 avec box-shadow : ombre portée, ombre interne (inset), ombres multiples et effets de profondeur réalistes.
Lire →Polices personnalisées en CSS3 : @font-face et Google Fonts
Intégrez des polices personnalisées en CSS3 avec la règle @font-face et Google Fonts, en optimisant le chargement (font-display, preconnect) pour la performance.
Lire →Envie de tester en direct ?
Deux démos interactives : la géolocalisation HTML5 et un générateur d'ombre CSS3 box-shadow.