HTML5

HTML a beaucoup de balises que de nombreuses personnes utilisent chaque jour, comme <div>, <p>, et <a>. Mais il y a aussi quelques perles cachées qui passent souvent inaperçues. Ces balises peuvent aider à rendre les sites Web plus engageants, accessibles et significatifs sans trop d’effort supplémentaire. Dans cet article, nous allons discuter d’un groupe d’éléments HTML uniques qui peuvent améliorer vos pages Web. Ils offrent des fonctions spécifiques pour le formatage du texte, l’amélioration de la lisibilité et l’ajout…

Voulez-vous jamais créer vous-même des outils interactifs en utilisant juste HTML, CSS et JavaScript ? Dans cet article, nous allons réaliser un projet fun et simple : un outil de sélection de couleur. Cet outil pratique permettra aux utilisateurs de sélectionner n’importe quelle couleur et d’afficher instantanément ses valeurs HEX et RGB. Alors, récupérez votre éditeur de code préféré, et commençons ! Étape 1 : Configurer votre projet Créer un Nouveau Dossier : Commencez en créant un nouveau dossier sur…

Le développement de projets est très important pour apprendre à coder. Lorsque vous créez un projet, vous élargissez votre portefeuille et apprenez comment appliquer vos compétences à de nouvelles situations. Nous avons récemment publié un cours de 2 heures sur le canal YouTube freeCodeCamp.org en espagnol qui vous guidera pas à pas dans la construction de 3 projets en utilisant HTML, CSS et JavaScript. Vous allez pratiquer vos compétences en construisant une barre de navigation réactive avec des menus déroulants,…

HTML5 Canvas et SVG sont tous deux des technologies HTML5 standardisées que vous pouvez utiliser pour créer des graphiques et des expériences visuelles incroyables. La question que je me pose dans cet article est la suivante : Doit-il y avoir une raison particulière de choisir HTML5 Canvas plutôt que SVG pour votre projet? En d’autres termes, existe-t-il des cas d’utilisation qui préfèrent HTML5 Canvas à SVG? Tout d’abord, passons en revue quelques explications sur HTML5 Canvas et SVG. Qu’est-ce que…

Dans ce tutoriel, nous allons plonger en profondeur dans l’élément HTML5 peu utilisé <datalist>. Il permet d’implémenter un contrôle de formulaire autocomplete léger, accessible et compatible avec tous les navigateurs sans avoir besoin de JavaScript. Quel est le problème avec <select>? Les contrôles HTML5 <select> sont idéaux lorsque vous souhaitez que l’utilisateur choisisse parmi un petit nombre d’options. Ils sont moins pratiques lorsque : il y a beaucoup d’options, comme les pays ou les titres de poste l’utilisateur souhaite saisir…

Dans cet article, nous examinerons quelques moyens simples de styliser l’élément HTML <details>, qui est un élément très utile pour révéler et masquer des morceaux de contenu sur une page Web. Il est pratique d’avoir un élément de divulgation simple en HTML qui n’a pas besoin de JavaScript, mais le style par défaut de l’élément <details> pourrait rebuter certains. Heureusement, il est assez facile de changer le style de cet élément. Le tableau des matières ci-dessous est un exemple de…

Dans cet article, nous examinons les champs de formulaire HTML et les options de validation offertes par HTML5. Nous verrons également comment ces dernières peuvent être améliorées grâce à l’utilisation de CSS et de JavaScript. Qu’est-ce que la Validation par Contraintes? Chaque champ de formulaire a un but. Et ce but est souvent régi par contraintes — ou les règles gouvernant ce qui doit et ne doit pas être entré dans chaque champ de formulaire. Par exemple, un champ email…

Depuis un moment, j’ai pris l’habitude de créer des scènes 3D avec du CSS juste pour le plaisir — généralement lors de mes live streams. Avion de voltige 3D CSS réactif! 🛩️ Il fait des loopings et des tonneaux! 😎 Réagit au mouvement de la souris 🐭 👉 https://t.co/A1zNmfEzzi via @CodePen pic.twitter.com/87D7LIXLr2 — Jhey 🐻🛠 (Exploring Opportunities ✨) (@jh3yy) March 27, 2021 Chaque démo est une occasion d’essayer quelque chose de différent ou de trouver des moyens d’accomplir des choses…