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 :
Catégorie : Bibliothèques Web
Bibliothèques Web
-
Formation carouFredSel : Slider vertical
-
Formation carouFredSel : texte HTML et effet élastique
Dans la deuxième vidéo de cette formation, je vous montre comment rajouter du texte HTML en plus des images.
Et j’ajoute aussi un effet élastique pour plus de dynamisme.Voici comment faire en vidéo :
Vous pouvez récupérer le script de ce tutoriel sur la page de téléchargement.
-
Formation carouFredSel : Présentation et carousel de base
Dans cette formation, je vous présente le plugin carouFredSel.
C’est une bibliothèque Web qui vous permet de créer des carrousels d’images.Je vous montre aussi comment faire un carrousel basique avec ce plugin.
Vous trouverez le script de ce tutoriel sur la page téléchargement de mon blog.Voici la vidéo de présentation de carouFredSel :
-
Les bibliothèques a utiliser pour un projet Web
Voici quelques bibliothèques et framework intéressant à utiliser dans des projets Web
1-Jquery
site : http://jquery.com/
Célèbre framework Javascript facilitant la création de script JS2-Jquery mobile
site : http://jquerymobile.com
Dérivé du framework Jquery. Jquery mobile est spécialisé dans les sites mobiles. A utiliser surtout si vous ne faites pas de site responsive design.3-TimelineJS
site : https://github.com/NUKnightLab/TimelineJS
Création de frise Chronologique grâce a JavaScript pour montrer des données.4-Reveal.js
site : http://lab.hakim.se/reveal-js/#/
Un script de présentations HTML5 et CSS3 prêt à emploi.
Alternatif Web à Powerpoint.5-RaphaëlJS
site : http://raphaeljs.com/
Pour créer des graphiques vectorisés. Cette librairie utilise et simplifie l’utilisation de tracés SVG.6-Reset CSS
site : http://meyerweb.com/eric/tools/css/reset/
Reset CSS créé par Eric Meyer pour effacer les différence entre navigateurs. (IE, FF, GC, etc…)7-Twitter bootstrap
Lien : http://getbootstrap.com/
Framework CSS qui facilite la vie en créant des design de site plus facilement et rapidement.8-Hint.css
site : http://kushagragour.in/lab/hint/
Une bibliothèque de tooltips 100% CSS9-Animate.css
site : http://daneden.me/animate/
Une feuille de style pour faire des animations en CSS3.10-Label.css
site : http://usablica.github.io/label.css/
Des labels dynamiques sur vos images en CSS11-PhpSecInfo
site : http://phpsec.org/projects/phpsecinfo/
Bibliothèque PHP permettant d’analyser la configuration de son serveur PHP. Plus puissant que la fonction phpinfo()12-PHP Error
Lien : http://phperror.net/
Surchargez vos erreurs PHP basiques en debug avancé13-mobiledetect
site : http://mobiledetect.net/
Détecter les smartphones / tablettes en php14-PHPExcel
site : http://phpexcel.codeplex.com/
Permet de lire et écrire des documents Excel.15-EZPDF
site : http://pdf-php.sourceforge.net/index.php/resources.html
Création de documents PDF grâce à une classe PHP
