PUBLIC MARKS with tags jQuery & plugin

Voici aujourd’hui Roundabout petit plugin jQuery surpuissant pour faire des carrousels html de vos listes. Ce plugin jQuery permet donc de transformer vos listes html en carrousel avec des transitions plutôt pas bien faites. Côté pratique il permet de créer des carousels, des slideshows mais aussi des animations 3d tournantes, l’affichage de défilement de chiffres version compteur à l’ancienne et un « sélecteur de mot » qui pourrait être utilisé comme des select dans les formulaires.

A jQuery plugin that will create a booklet-like component that let's you navigate through its items by flipping the pages.

Vous connaissez peut être Masonry ou Isotope dans le même genre de plugin, voici le dernier venu Freetile.js. Ce plugin permet d'agencer un layout composé de blocks, images etc. et d'optimiser l'espacement et alignement des blocs pour perdre le moins d'espace. Dès que le navigateur est redimensionné, les blocs de repositionnent avec un effet de transition. Quelques points le différencie des autres plugins du même type: Pas besoin de créer des colonnes pour gérer les blocs, ni leur spécifier de taille L'algorithme de positionnement des blocs est facilement personnalisable, il sera ainsi possible de le modifier pour aligner plutôt sur la droite par exemple. Vous connaissez peut être Masonry ou Isotope dans le même genre de plugin, voici le dernier venu Freetile.js. Ce plugin permet d'agencer un layout composé de blocks, images etc. et d'optimiser l'espacement et alignement des blocs pour perdre le moins d'espace. Dès que le navigateur est redimensionné, les blocs de repositionnent avec un effet de transition. Quelques points le différencie des autres plugins du même type: Pas besoin de créer des colonnes pour gérer les blocs, ni leur spécifier de taille L'algorithme de positionnement des blocs est facilement personnalisable, il sera ainsi possible de le modifier pour aligner plutôt sur la droite par exemple.

Plug in to the grid This is it, the mythical drag-and-drop multi-column grid has arrived. Gridster is a jQuery plugin that allows building intuitive draggable layouts from elements spanning multiple columns. You can even dynamically add and remove elements from the grid.

Chosen is a JavaScript plugin that makes long, unwieldy select boxes much more user-friendly. It is currently available in both jQuery and Prototype flavors.

So here’s another list of tools and other goodies that might be of interest to JavaScript developers.

Adipoli est un plugin jQuery permettant de créer des effets de hover sur vos images bien réussis. Adipoli est un plugin jQuery permettant de créer des effets de hover sur vos images bien réussis. Il est courant d'assombrir ou transformer en noir et blanc ses images pour créer un effet d'apparition au passage de la souris. Adipoli est un plugin jQuery qui vous permettra en quelques lignes de code JS d'ajouter un filtre pour nuancer votre image et ajouter une transition d'affichage originale. Deux options principales permettent de définir le style de votre hover: startEffect: Pour l'effet sur l'image à la base (transparent, normal ou overlay) hoverEffect: Pour l'effet d'apparition de l'image au survol de cette dernière (16 effets disponibles !) Bien sûr vous pourrez aussi contrôler d'autres options comme l'opacité de l'image à la base, la vitesse de l'effet de hover, les nombre de carrés/colonnes pour les animations spécifiques... Très simple à mettre en place:

Sequence est un slider jQuery avancé permettant de créer des effets de transitions très réussies et aux possibilités illimitées. Sequence est un slider jQuery avancé permettant de créer des effets de transitions avancés et aux possibilités illimitées. Face à la foison des slideshow et sliders jQuery sur le marché, il faut réussir à se démarquer ! Et le plugin jQuery Sequence le fait fort bien! A travers un système d'animations recherché, vous pourrez enfin donner du peps à votre slideshow démodé qui orne votre homepage. L'objectif mis en avant par Sequence est de pouvoir créer son propre style de slideshow, sans thème prédéfini. Les 3 démos proposées, toutes différentes en terme de style, sont d'ailleurs très réussies (Sur les navigateurs modernes qui supportent lesanimations CSS3).

Lazy Load is a jQuery plugin written in JavaScript. It delays loading of images in long web pages. Images outside of viewport (visible part of web page) wont be loaded before user scrolls to them. This is opposite of image preloading. Using Lazy Load on long web pages containing many large images makes the page load faster. Browser will be in ready state after loading visible images. In some cases it can also help to reduce server load.

A Sencha style carousel plugin for jquery mobile