Apprenez le HTML et le CSS grâce à des tutoriels pratiques : mise en page, responsive design, WordPress, intégration web et astuces de développement.
J’ai créé apprendre-html-et-css.com pour rendre mes cours accessibles à tout le monde, dans un format clair, progressif et gratuit. Le but : apprendre le HTML et le CSS sans se noyer dans le jargon ni dans les tutos bancals.
Dans ce tutoriel, nous allons créer un système de tabulation très léger entièrement en javascipt pour remplace celui de JQuery UI.
Si vous avez un header fixe sur votre site internet, l’utilisation de liens ancrés peut masquer votre contenu. On va voir ici comment éviter ça.
Vous voulez ajouter un bouton Back to top sur votre site ? C’est bien, mais c’est un peu bête de l’avoir quand on se trouve déjà en haut de page. Je vais ici vous apprendre comment le faire apparaître uniquement quand l’utilisateur scroll vers le haut.
Quand vous codez la structure de votre page en HTML, vous pouvez ouvrir une balise et la refermer des centaines de lignes plus bas. Nous allons voir comment les closing comments peuvent vous aider à y voir plus clair.
Vous en rêviez ? La voilà ! La Cheat Sheet de toutes les propriétés CSS sur un seul poster imprimable !
Vous en rêviez ? La voilà ! La Cheat Sheet de toutes les balises HTML sur un seul poster imprimable !
Vous avez intégré une vidéo Youtube ou Viméo sur votre site et malheureusement celle-ci s’affiche mal sur smartphone ? Voilà un tutoriel pour les rendre élastiques et responsives.
Cet article vous présente un pot pourri de raccourcisseurs d’URL qui ont fleuri sur la toile depuis quelques années déjà. Une attention particulière sera portée au service de Google que je vous présenterai plus en détail.
Je souhaite au travers de ce tutoriel vous présenter l’excellent plugin de validation de formulaire créé par bassistance.de. Je vous propose également de réaliser votre propre méthode qui viendra se greffer au plugin. Que du bonheur !
Ce tutoriel a pour but de créer une page avec un header, un contenu et un footer centrés. Les fonds perdus de ces trois sections occupent toute la largeur du navigateur pour adapter le design à toutes les résolutions.
Le HTML et le CSS s’apprennent en faisant, pas en lisant des spécifications. Les tutoriels de cette rubrique partent chacun d’un besoin concret rencontré sur un site réel, et donnent le code complet avec son explication. Si vous débutez, commencez par le template CSS d’une colonne centrée avec en-tête et pied de page : c’est la structure de base de la majorité des sites.
Les deux articles les plus consultés de la rubrique sont des références à garder sous la main : l’aide-mémoire HTML, qui liste les balises et leurs attributs, et l’aide-mémoire CSS, qui fait de même pour les propriétés et les sélecteurs. Imprimez-les, ils tiennent sur un mur.
Quelques problèmes reviennent sur presque tous les projets. Comment rendre une vidéo YouTube ou Vimeo responsive, comment faire un défilement doux qui tient compte d’un en-tête fixe, comment afficher un bouton de retour en haut qui n’apparaît qu’au scroll vers le haut, ou encore un système d’onglets en quelques lignes de jQuery.
Ces articles sont des pièces détachées. Pour un apprentissage structuré, du premier fichier HTML jusqu’à une page complète, j’ai créé apprendre-html-et-css.com, un cours en ligne gratuit tiré des formations que je donne. Vous pouvez aussi suivre ces formations en présentiel : voyez la page formation professionnelle. Une fois le front maîtrisé, la suite logique est la rubrique tutoriels WordPress.