Tutoriels
Flipbook
FlipbookCréons ensemble un Flipbook pour une carte de restaurant ! Il sera réalisé en HTML, CSS, et Javascript, et utilisera la bibliothèque StPageFlip.js. Dans la première version, les contenus affichés seront du HTML, et dans la seconde, ce seront des images (qu'il...
Pop-ups (Modals)
Pop-ups (modals)Créons ensemble un système de pop-ups, de 2 manières ! Dans la première version, le bouton comprend un écouteur d'évènement, dans la seconde, le bouton comprend des data-attributes. See the Pen Modals by Alexandre Beaugrand (@Alexandre-Beaugrand) on...
Fonds dégradés aléatoires
Fonds dégradés aléatoiresCréons ensemble un fond coloré aléatoire pour notre page ! D'abord un fond uni aux couleurs prédéfinies, puis un fond uni de n'importe qu'elle couleur, puis un fond bicolore (dégradé) aléatoire. See the Pen Gradient colors changing background...
Redirections automatiques
Horloge custom, style LCDCréons ensemble cette redirection automatique au bout de 5 secondes, vers le site de votre choix (l'URL est à préciser dans le javascript) ! See the Pen Untitled by Alexandre Beaugrand (@Alexandre-Beaugrand) on CodePen. Consultez cette vidéo...
Horloge custom, style LCD
Horloge custom, style LCDCréons ensemble cette horloge, au style écran LCD mais personnalisable selon vos goûts ! See the Pen Custom clock, LCD style by Alexandre Beaugrand (@Alexandre-Beaugrand) on CodePen. Consultez cette vidéo pour tous les détails :
Image survolable
Image survolableCréons ensemble des images qui changent au survol et se rétablissent quand on ne les survole plus. 3 versions ! See the Pen Hover Images, 3 ways by Alexandre Beaugrand (@Alexandre-Beaugrand) on CodePen. Consultez cette vidéo pour tous les détails...
Mot de passe avancé, avec indication de sa force
Mot de passe avancé, avec indication de sa forceCréons ensemble ce mot de passe avancé ! Une icone indique sa force en temps réel. See the Pen Mot de passe avancé, avec indication de la force by Alexandre Beaugrand (@Alexandre-Beaugrand) on CodePen.Consultez cette...
Slider
SliderCréons ensemble ce diaporama ! Les images sont téléchargeables ici. See the Pen Simple Slider by Alexandre Beaugrand (@Alexandre-Beaugrand) on CodePen. Consultez cette vidéo pour tous les détails :
Commencez sur de bonnes bases avec ma formation gratuite :
6 étapes fondamentales pour concevoir un site efficace et 35 questions clés trop souvent oubliées pour bien les préparer
Un guide de 44 pages + une vidéo d’1h20, dans votre boite mail, tout de suite
Besoin d'une formation personnalisée ?
Décrivez-nous votre situation, votre objectif, et le format idéal, afin de concevoir la meilleure formation pour vous