Ajouter des effets de transitions sur les contenus avec un Slider

slider-image

Le fait

Aujourd’hui, toute page d’accueil d’un site qui se respecte contient un slider (ou carrousel) qui montre des produits phares, des actualités mises en avant ou simplement des activités maitrisés, selon sa vocation (e-commerce, blog, corporate ….). En plus, les contenus des slides s’affichent progressivement avec des effets de transitions qui nous éblouissent parfois. Nous pouvons obtenir ce résultat en utilisant un plugin. Un des plus populaires est par exemple Slider revolution : très complet, puissant et existe en plugin WordPress, mais payant.

Dans notre article, nous allons vous montrer comment nous pouvons obtenir à peu près le même résultat en utilisant des composants gratuits disponibles sur la toile.

Automatisez vos tâches avec Gulp

gulp-logo

Pendant la phase de développement d’un projet, il est parfois nécessaire d’utiliser des petites librairies  d’ outils qui permettent d’optimiser / alléger / accélérer sa réalisation. Ce sont des petites tâches qu’on exécute de temps en temps ou plusieurs fois  durant cette phase, et à la longue, cela devient de plus en plus lassant.

Je vais vous présenter dans cet article Gulp , qui est un outil développé à partir de la plateforme Node JS. Le principe est de regrouper ces petites tâches afin de les automatiser. Un autre outil fonctionnant de la même manière est Grunt. Pour voir les différences, merci de lire l’article « Gulp remplacera-t-il Grunt ? » de Nicolas Froidure.

Introduction à Bootstrap Sass

b-sass

Dans le monde du web, deux frameworks sont particulièrement célèbres pour faire l’intégration des sites responsives : Bootstrap de Twitter et Foundation de Zurb. Ils intègrent déjà quelques composants et des plugins JavaScripts basés sur jQuery, prêts à l’emploi.

Dans notre article, nous nous intéressons surtout au premier :  Bootstrap de Twitter. Selon moi, c’est le plus facile à prendre en main et à installer. D’ailleurs, vous pouvez consulter respectivement leurs sites pour le constater.