Blog

Pensées sur le web d’aujourd’hui et son évolution.

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

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 :