J’ai élaboré une formation complète sur la création d’un formulaire de contact.
Cette formation compte 5 étapes distinctes :
la partie HTML
la partie CSS
la validation des données en Javascript
une Google Maps
la partie PHP (validation des données et envoie d’email).
Voici cette formation en vidéo :
Vous pouvez aussi retrouver cette formation dans la partie formation
CarouFredSel est un plugin assez souple en ce qui concerne la création de carrousel.
Avec du CSS et quelques lignes de Javascript, on peut dévier de sa fonction première et créer des carrousel à onglets non-circulaire.
Si vous voulez faire des expériences avec le script, récupérez-le sur la page de téléchargement.
Avec carouFredSel, nous pouvons créer des carrousels faisant défiler plusieurs images individuellement de haut en bas, et de manière asynchrone.
Dans mon exemple, je fais défiler 3 images à la fois, et on les voit défiler individuellement.
Voici la vidéo de mon exemple :
Vous pouvez récupérer le script sur la page de téléchargement.
En ajoutant du CSS3 à carouFredSel, il est possible de faire des miracles de design. Dans ces miracles, il y a la créations de carrousels en forme de cercle.
Je vous donne donc un exemple de carrousel arrondi avec des miniatures qui se cache ou s’affiche selon l’image courante.
Voici le tutoriel vidéo :
Le script du tutoriel est dans la page de téléchargement.
Après 2 sliders horizontaux, je vous montre comment faire un slider vertical en moins de 20 minutes.
Ce slider « carouFredSel » est composé de 2 partie : une partie image et une partie texte.
Voici la vidéo :