
PACK WEB : Designez et Intégrez un site onepage

Dans ce tuto vidéo PHOTOSHOP, HTML5, CSS3 et JQUERY nous allons voir comment créer un portfolio filtrable avec un historique de navigation. Les photos/projets qui seront triés dans le portfolio auront une hauteur variable et grâce à la puissance de Jquery, tous se replaceront au bon endroit pour ne laisse aucun espace vide. On mettra en place un petit bouton qui permettra de cacher/montrer le header du site.
Grâce à de nouvelles propriétés CSS3, nous mettrons facilement les images en noir & blanc et nous ferons bouger l'échelle de celles-ci. Nous ajouterons un système de filtre avec plusieurs catégories grâce à des animations fluides.
Et enfin, nous verrons comment ajouter un historique de navigation pour que les filtres appliqués soient gardés en mémoire et que l'internaute puisse revenir en arrière ou mettre en favoris une catégorie sélectionnée.
Je vous invite à regarder l'extrait personnalisé que j'ai réalisé pour vous rendre compte de ce que l'on va obtenir ensemble à la fin de ce tutoriel. Le PSD ainsi que les fichiers HTML, CSS, & JQUERY sont fournis avec la formation.
Bon tuto !
Quel est le niveau requis pour suivre ce tuto ?
Les apprenants qui suivent cette formation s'intéressent aussi à :

PACK WEB : Designez et Intégrez un site onepage

Créer un site One Page complet de A à Z

Intégration HTML5 / CSS3 d'un portfolio minimaliste

Gratuit : créer son CV one page en ligne !

Ajouter une bulle d'info enrichie à votre site

10 Exercices pratiques pour vous améliorer en jQuery

Créer un portfolio minimalistes de A à Z avec Photoshop

Designer un site one page moderne

Création et montage HTML / CSS d'un thème E-Commerce

Bundle CSS : 10 astuces & exercices pour vous perfectionner
Avis des apprenants