Articles pour les mots-clés ‘jQuery’

A défaut de vous proposer un article de fond (qui devrait bientôt arriver), voici une sélection des dernières ressources du web issues de ma veille quotidienne. Du Layout CSS, de quoi améliorer vos images et leur chargement, des ressources graphiques à gogo et des bibliothèques bien utiles.

Après vous avoir proposé cette sélection de slideshow il y a maintenant deux ans, celle que je vous propose aujourd’hui vient compléter un nouveau besoin réel : le responsive et la prise en charge des actions au touch. Je vais vous présenter 3 outils qui se ressemblent et qui proposent tous leurs particularités.

Voici la dose de ressources, astuces, sources d’inspiration et articles de blog glanés durant le mois précédent. Vous y trouverez comme d’habitude pas mal de JS, mais également de l’inspiration hors Web, des outils back-end et Mac OS X (pour une fois), ainsi que beaucoup de ressources graphiques.

Ce web n’a donc aucune limite !? Voici une grosse sélection des ressources croisées sur la toile, Twitter ou autres réseaux regorgeant d’adresses bien utiles. Du jQuery sans jQuery, du placement dynamique en JS, des extensions Photoshop, de l’inspiration graphique et du code, de la typo et du logo !

Vous avez certainement eu l’envie un jour de créer un konami code sur votre site web ? Comment ? Cela ne vous parle pas ? Vous savez ces petits « Easter Egg » (fonction cachée dans un programme) qui s’active après exécution d’une commande précise ? Ok, voyons cela ensemble.

Je continue mon partage de ressources sous la même forme que la première version puisqu’elle semble vous avoir été utile.Certaines de ces ressources parfois un peu jeunes sont – je le pense – à suivre de près.
Passons à cette deuxième édition pour les ressources du web.

MixItUp est un plugin jQuery dans la lignée de Masonry ou Isotope (Isotope qui utilise d’ailleurs Masonry) qui permettent d’ordonner et filtrer une partie de votre contenu selon des critères entièrement personnalisables. Créez des filtres personnalisés facilement selon le besoin de votre projet.

L’utilisateur tape son mot-de-passe, et à la fin il doute de ce qu’il a entré sur l’avant dernier caractère. Du coup il retape tout. Et si on lui proposait de démasquer temporairement son mot de passe sur commande ?

Un Slideshow sur une page d’accueil, c’est joli, c’est à la mode, mais c’est souvent lourd à intégrer. Il vous faudra des compétences certaines en jQuery, ou utiliser des plugins déjà prêts.
Aujourd’hui je vous propose un tutoriel pour créer un infinite slideshow en quelques lignes de code.

Le plugin jQuery InView permet de déclencher des actions en JavaScript en fonction de l’apparition à l’écran d’un élément ou d’une partie de cet élément. Il est donc facile d’imaginer toutes sortes de succession d’animations ou d’actions asynchrones grâce à ce plugin. Voyons comment l’utiliser.

Ayant récemment eu besoin de parcourir les ressources du web à la recherche d’une solution de slideshow simple et personnalisable, j’ai rencontré quelques bonnes choses. Voici une liste très largement non exhaustive de quelques slideshow et carrousels en JavaScript qui ont retenu mon attention par leur simplicité, leurs fonctionnalités ou la qualité de leur ergonomie.

J’ai recherché des possibilités en PHP pour retravailler les liens fournis par WordPress il n’y a pas longtemps ; ce qui m’a amené à cette idée d’article.
Beaucoup de possibilités de styles sont disponibles grâce à CSS, mais il est parfois nécessaire de transformer le comportement d’un lien avec JavaScript.

Après une demande reçue par e-mail, je me suis dit que la fonctionnalité serait peut-être utile à d’autres que moi.
Lors de la rédaction de ce tutoriel : jQuery – Effet Smooth Scroll (défilement fluide), la complexité du contenu m’a fait retirer une extension intéressante à la dernière fonction/plugin proposée.

Si vous êtes un habitué du blog, vous avez certainement déjà vu passer l’information sur ce plugin.
La mise à jour a été effectuée en début de semaine, mais je n’ai pas eu le temps de faire l’actu avant.

L’effet de scroll fluide est déjà intégré, en fonction de vos paramètres utilisateur, sur certains navigateurs. Il se manifeste par un défilement fluide de la page web lorsque vous descendez ou montez grâce à la molette de votre souris, ou les touches de votre clavier. Il est possible de générer cet effet au clic sur une ancre grâce à JavaScript.

Vous connaissez certainement le plugin jQuery Juiz DropDown Menu si vous suivez ce blog depuis quelques mois. Si ce n’est pas le cas cela peut vous intéresser aussi ( 😉 ), sachez qu’il est passé à sa version 1.3.5 il y a quelques semaines.

Voilà plus d’un an (déjà !) que je propose de modestes plugins du framework jQuery. Initialement conçus pour permettre aux plus novices d’insérer aisément divers contenus et effets dans leurs pages web, ces plugins avaient pas mal de défauts. Une refonte globale s’est imposée !

jQuery est le framework Javascript par excellence. C’est un avis qui n’est absolument pas objectif mais je suis persuadé que beaucoup de personnes seront d’accord avec moi. Beaucoup de choses le démarquent de ses confrères frameworks (mootools, yui, etc.) comme : une documentation complète, une