Exemples de code JavaScript

Voici des exemples de code visant à démontrer un comportement de la manière la plus claire et simple.

Pour voir le code, regardez la source de la page (chaque page inclut le CSS et JavaScript).

---

basic.html

Exemple utilisant jQuery pour générer une phrase.

---

generator.html

Exemple qui génère 360 boîtes avec des couleurs différentes (les 360 degrés du cercle chromatique). Propose une méthode en jQuery (2 lignes), et en JavaScript pur (5 lignes).

---

random-position.html

Exemple qui génère trois boîtes, et leur donne des positions aléatoires ... on utilise quatre positions pré-définies, attribuées de manière aléatoire.

---

flexbox.html

Exemple CSS utilisant Flexbox pour un centrage vertical. Utilise la propriété CSS object-fit pour une image plein-écran. Cet exemple contient 0% de JavaScript.

---

drag-and-drop.html

Exemple utilisant la HTML Drag and Drop API, selon la documentation de Mozilla.

---

flicker.html

Exemple qui produit un clignotement, en utilisant la méthode setTimeout().

---

ajax.html

Exemple qui charge du contenu dynamiquement, avec la technique AJAX. Utilise la méthode load de jQuery.

---

window.html

Exemple qui mesure la hauteur de la fenêtre du navigateur.

---

clavier.html

Exemple d'interaction avec le clavier.

---

gestures.html

Exemples d'interactions tactiles.

---

streetview.html

Utilisation de Google Maps et Streetview.

---

sliders.html

Des sliders html modifient la couleur de fond (dégradé CSS).

---

animation.html

Un exemple d'animation CSS.

---

piechart.html

Un graphique animé en CSS, selon un exemple de Lea Verou.

---

gradient-corners.html

Un effet de coin transparent, obtenu avec un dégradé CSS.

• Page d'exemple
• Article de Lea Verou sur cette technique
• Documentation couleurs et dégradés