Simple comme JS
-
Diaporama en 10 lignes de code
Réalisation d'un Slide avec seulement quelques lignes de code JavaScript, en manipulant le DOM et en utilisant les keyframes CSS.
-
Carrousel infini et « responsive »
Page d'expérimentations et de tests pour le module Carousel infini et « responsive »
-
Responsive <AREA>
Rendre les éléments HTML <area>, d'une <map>, responsive dynamiquement avec JavaScript.
-
Insertion automatique de caractère
Ajout automatique d'un « caractère fermant » lors de la saisie dans un champ texte.
-
Diaporama en 3 lignes de code
Réalisation d'un Diaporama avec seulement 3 lignes de code JavaScript.
-
<select> et text-overflow:ellipsis
Application de la propriété CSS text-overflow:ellipsis à un élément <select> à l'aide de JavaScript.
-
Horloge digitale (vv)
Création d'une horloge digitale en utilisant une image de fond, type sprite, pour afficher les valeurs. Version sprite vertical.
-
Horloge digitale (vh)
Création d'une horloge digitale en utilisant une image de fond, type sprite, pour afficher les valeurs. Version sprite horizontal.
-
Défilement fluide (smooth-scrolling)
Réaliser un déplacement fluide (smooth-scrolling), en JavaScript, sur une page et ce indépendamment des réglages du navigateur.
-
COVID-19, 1 à 100 km around
Confinement COVID-19, visualisez sur une carte une distance à vol d'oiseau de 1 km à 100 km, représentée par un cercle, autour d'un point donné.
-
1-20-100 km around
Confinement COVID-19, visualisez sur une carte une distance à vol d'oiseau de 1 km, 20 km ou 100 km, représentée par un cercle, autour d'un point donné.
-
1-100 km around
Nouveau confinement COVID-19, affichage sur une carte de la distance à vol d'oiseau représentée par un cercle de rayon de 1 km ou 100 km autour d'un point donné.
-
100 km around
Dans le cadre du déconfinement COVID-19, affichage sur une carte d'un cercle de rayon de 100 km autour d'un point donné.
-
Redimensionnement d'une IFRAME
Redimensionner dynamiquement une IFRAME en fonction des dimensions de son contenu.
-
Custom Modal
Alert, confirm et prompt box. Page de test pour le module modal-custom.js
-
Download/print l'image d'un <canvas>
Enregistrer et imprimer une image issue d'un élément
-
UL like Select
Réalisation d'un <select> « customié » en utilisant une liste <ul>. Une liste <ul> like a <select> ou presque...
-
Effet de spot sur image
Effet de spot lumineux, pour voir au travers d'une image, au déplacement de la souris sur celle-ci.
-
Listes déroulantes liées sans Ajax
Créer des listes déroulantes liées entre elles sans utiliser la technique Ajax en utilisant une pseudo-base de données.