Les plugins javascript et jquery

Le langage JavaScript est de plus en plus populaire chaque jour grâce à de nombreuses bibliothèques très faciles à utiliser. Dans cette catégorie, nous ne traiterons pas du langage en question, mais des bibliothèques développées à l’aide de celui-ci.
Ainsi, nous étudierons le framework jQuery permettant la manipulation simplifiée de la DOM, l’utilisation d’AJAX ainsi que la création des animations plus aisément.
Il faut savoir que la bibliothèque jQuery a été écrite de façon à permettre aux utilisateurs de celui-ci de l’étendre grâce à l’installation de modules complémentaires appelés plug-ins ou extensions. La principale vocation de cette bibliothèque d’octroyer aux intégrateurs et développeurs un gain de temps lors du développement des applications :« write less, do more ».

  • TitleNotifier.js un plugin JavaScript pour gérer les notifications

    août 30, 2016

    En feuilletant un blog d’un ami intégrateur, je suis tombé sur un plugin open source très léger qui pourrait beaucoup aider notre communauté de développeur front end car il permet de mettre en œuvre facilement la notification sur le titre … Suite

  • Le Navbar bootstrap

    août 22, 2016

    Avec le framework bootstrap, on peut rendre responsive facilement notre barre de navigation en l’affichant sur toute la largeur de l’écran et lorsque qu’une taille d’écran minimale est atteinte, cette barre change de présentation pour n’afficher que le menu en … Suite

  • Utiliser le BaseUrl de magento dans un fichier javascript externe

    septembre 23, 2015

    Notre blog se tourne vers le web intégration, cependant on peut pas se dissocier de l’intégration sur Magento vu sa popularité et du coup on va traiter un point javascript sur le sujet. Parmi les bonnes practice en dev JS, … Suite

  • Personnaliser Google Maps pour votre site

    juin 30, 2015

    Savez vous que l’outil google map que Google nous propose est très riche en fonctionnalité qui nous permet de la personnaliser pour l’adapter au couleur et au design de nos sites. Aujourd’hui on va vous expliquer en détail la meilleur … Suite

  • Flickity un slider responsive compatible avec les supports tactiles

    mars 23, 2015

    Avec l’évolution du responsive design, les développeurs se posent souvent la question sur l’adaptabilité des plugins sur les supports tactiles. Vu que la plupart des plugins ne sont pas flexible par rapport au besoin de l’intégrateur et car il est … Suite

  • Utiliser le mode no conflict de Jquery

    décembre 20, 2014

    Pour utiliser jQuery en même temps que d’autres framework javascript (simultanément) sur une page web, il faut utiliser le mode noConflict, car presque toutes les frameworks utilisent une fonction nommée $, et les différentes librairies peuvent se mettre en conflit entre … Suite

  • Ouvrir un lien dans un nouvel onglet sans target _blank

    décembre 19, 2014

    Selon la norme établit par le W3C, l’attribut target est une façon d’imposer une navigation aux visiteurs et est donc pas autorisé dans les versions strictes de HTML et XHTML. Mais il y des cas spécifiques où il est impératif de s’écarter … Suite

  •  jQuery – Utiliser les expressions régulières pour contrôler les saisies formulaires

    décembre 18, 2014

    En premier lieu, nous allons voir théoriquement ce que c’est une expression régulière en javascript, communément appelé REGEX. Les regex sont une sorte de langage « à part » essentiellement utiliser pour manipuler les chaînes de caractères. Voici quelques exemples … Suite

  • Les bonnes pratiques pour Optimiser jQuery

    décembre 17, 2014

    Actuellement, de nombreux développeurs utilisent jQuery. Il faut avouer que certains d’entre eux ne l’utilise pas sûrement comme il le faut puisque un bon nombre se plaint des performances médiocres qu’ils obtiennent. Dans cet article nous aborderons des bonnes pratiques … Suite

  • Détecter la version du navigateur ou le device de l’utilisateur

    décembre 16, 2014

    Détecter la version internet explorer Par ce qu’on a pas tous la patience ou les compétences de rendre compatible sur le légendaire internet explorer 6 ( IE6) par exemple, voici quelques techniques pour détecter la version du navigateur et de … Suite

  • Filtrer le contenu html généré par le CMS avec jQuery

    décembre 15, 2014

    La plupart du temps, les CMS génère les contenus, pas forcement adapté à notre besoin, du point de vue sémantique (les balises utilisées) Etant développeur front end , on a pas forcement les compétences d’entrer dans les codes PHP et … Suite

  • Bootstrap 3 et sa collection d’outils

    décembre 13, 2014

    Découvrez dans ce topique vous trouverez ce qui a à savoir sur Bootsrap 3. Pour ceux qui ne le savent pas, Bootstrap 3 est une librairie ou une boîte à outils offrant une bonne base pour débuter un projet web. … Suite

  • Comment faire pour créer des animations Windows 8 avec CSS3 et jQuery

    décembre 5, 2014

    voir la démo Télécharger sur Github   J’ai commencé à utiliser Windows 8 depuis un bon moment maintenant, ce qui m’a bluffé c’était les animations de windows 8. Et du coup je me suis demandé si on pourra faire cela … Suite

  • Tutoriel pour faire un effet de parallaxe simple

    décembre 4, 2014

    Dans ce tutoriel, on va essayer d’expliquer étape par étape la technique pour gérer la parallaxe, pour faire plus simple il serait mieux pour vous de télécharger l’archive contenant les fichiers. voir la démo Télécharger les fichiers   Dans ce … Suite

  • Simuler un effet parallaxe avec pageScroller.js

    décembre 1, 2014

    Vous désirez une navigation en scroll vertical très fluide, optez pour PageScroller un plugin jQuery. Actuellement, la navigation en « one page » de type Scrolling est très à la mode sur internet. Ce système offre la possibilité d’ajouter une navigation ergonomique … Suite

  • Ajouter un bouton retour rapide vers le haut de la page

    novembre 30, 2014

    Ajouter un bouton de défilement vers le haut sur votre site peut être un excellent moyen pour permettre à vos utilisateurs de naviguer. Un bouton de retour rapide doit être subtil, généralement il se trouve en bas et à droite … Suite

  • Changement progressif de la couleur de fond (bg-color) d’un élement par jquery

    novembre 29, 2014

    A partir d’un script Jquery, nous allons animer la couleur du fond d’un élément html en lui associant une palette de couleur qu’on va boucler. Normalement ca devrait marcher sans problème sur tous les supports bureau, tablette, et même sur … Suite

  • Fixer la position du sidebar avec fixedcontent.js (comme sur Facebook)

    novembre 24, 2014

    Le plugin jQuery fixedcontent fixe le contenu (barre latérale, nav, etc.) pendant le défilement de la page, typiquement c’est le même principe que la colonne de droite de la version desktop de Facebook. À part les options du plugin : margintop, … Suite

  • jQuery : Agrandissement ou diminution de la taille du texte à la volée

    novembre 21, 2014

    Dans ce topic, nous allons vous montrer une fonctionnalité très utile fait en jQuery qui est l’utilisation des liens où pourra cliquer les internautes pour diminuer ou agrandir le texte. Avant de commencer, il faut d’abord créer 2 éléments qui … Suite

  • Fancybox : faire un lightbox avec Jquery

    novembre 20, 2014

    Fancybox est un plugin jQuery permettant de créer des Lightbox avec du contenu dynamique et statique. Établi comme étant l’un des meilleurs dans son domaine, Fancybox dispose de plus d’une trentaine de paramètres pour un maximum de personnalisation. Fancybox : un … Suite

  • Le défilement fluide sur jQuery

    novembre 18, 2014

    Déjà intégré par défaut sur certains navigateurs, l’effet scroll fluide se manifeste par un défilement fluide de la page web. En fonction des paramètres utilisateurs, cet effet se produit lorsque l’on descend ou l’on monte grâce à la molette de … Suite

  • Plugin Adaptive Backgrounds afin d’extraire la couleur dominante d’une image en fond

    septembre 27, 2014

    Lorsqu’on utilise un Background image, généralement on complète le fond par un background-color le plus adapté à l’image de fond, mais dans le cas où l’image de fond sera dynamique, alors un problème se posera. Le plugin Adaptive Backgrounds va … Suite

  • Chargement conditionnel de vos scripts Javascript avec yenotype.js

    septembre 26, 2014

    Yenotype va nous permettre d’alléger les JavaScript chargé dans nos pages afin de ne charger que l’essentiel c’est-à-dire il permettra de charger un script de manière asynchrone selon qu’une fonctionnalité est disponible ou non sur le navigateur concerné. Mais pour … Suite

  • Remplacer les cookies par localStorage et sessionStorage

    septembre 8, 2014

    Il est vrai que depuis toujours on a utilisé les cookies qui semblent bien fonctionner, mais ces informations en local a quand même ses inconvénients. En effet, à chaque requête de serveur, des cookies sont envoyés ce qui occasionne une … Suite

  • Zoom sur le plugin Javascript Modernizr

    juillet 25, 2014

    Découvrons la bibliothèque Modernizr, qu’est-ce que c’est ? Comment ça marche ? À quoi ça sert ? Tous les fonctionnalités CSS3 ou HTML5 ne fonctionnant pas sur tous les navigateurs, il est de notre devoir de nous assurer que nous … Suite

  • PIE CSS3 : une alternative pour Internet Explorer

    juillet 24, 2014

    Avec l’évolution et l’augmentation de l’utilisation des CSS3 afin d’avoir un design plus ergonomique ainsi que pour plus de productivité lors de la construction d’un page webLes développeurs ne cessent de proposer des outils JavaScript pour les navigateurs plus anciens. … Suite

  • Plugin jQuery : TextLimit compteur de caractères

    juillet 22, 2014

    Des fonctionnalités simples, une prise en main facile, telles sont les caractéristiques de TextLimit, un plugin jQuery très léger. Sa principale utilité est le contrôle de nombre de caractères sur un champ input text. Ce plugin est très léger et … Suite

  • Un Slider jQuery « Responsive Design », FlexSlider

    juillet 21, 2014

    Pour commencer, il faut déclarer le framework jQuery et FlexSlider (JS et CSS) dans la balise head de la page.

    La structure HTML nécessaire pour FlexSlider n’est qu’une “div” qui contiendra une liste à puces ( ul ) avec … Suite