Tutoriels

Ci-dessous, divers exercices qui vous permettrons d’aller plus loin avec votre site. Une manière amusante de s’initier à la programmation tout en voyant directement le résultat sur votre site ! Chaque exercice comprend un CodePen où vous pourrez retrouver le code source, ainsi qu’une vidéo Youtube qui explique celui-ci. A votre disposition pour toute question !
Flipbook

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)

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é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

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 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 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 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

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