PUBLIC MARKS with tags slider & jQuery

A tutorial on how to create a simple category slider with a minimal design using CSS animations and jQuery. The idea is to slide the items sequentially depending on the slide direction.

A tutorial on how to create a simple category slider with a minimal design using CSS animations and jQuery. The idea is to slide the items sequentially depending on the slide direction.

This is a jQuery plugin to create 360 degree product image slider. The plugin is full customizable with number of options provided. The plugin have the power to display images in any angle 360 degrees. This feature can be used successfully in many use cases e.g. on an e-commerce site to help customers look products in detail, from any angle they desire.

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).

Minimit Gallery est un plugin jQuery permettant de créer de nombreux types de galeries, sliders, carousels ou slideshows d'images. Minimit Gallery est un plugin jQuery permettant de créer de nombreux types de galeries, sliders, carousels ou slideshows d'images. Minimit Gallery est un plugin jQuery différent des sliders habituels. En effet, il ne propose qu'une couche de logique permettant de gérer et créer rapidement des sliders de contenu de différents types: Sliders de contenu basiques Slideshows de contenus avec défilement automatique Carousels de contenu Pagination dynamique Menus avancés Etc Le plugin ne contient pas de couche design ni d'animation, ce sera donc à vous de le personnaliser à vos souhaits. Un bon exemple permet de mieux comprendre le fonctionnement:

Slidorion est un plugin jQuery mêlant habillement le concept des sliders d'images avec un accordéon de contenu. Slidorion est un plugin jQuery mêlant habillement le concept des sliders d'images avec un accordéon de contenu. Une façon originale de présenter vos dernières articles, fonctionnalités, offres ... avec image et contenu textuel. Contrairement aux slideshow classiques, vous aurez la possibilité d'accorder plus d'importance au texte associé. Et comme tout bon plugin jQuery qui se respecte, son utilisation est très simple:

FlexSlider est un slider jQuery flexible et sémantique capable de gérer le « responsive design » : technique qui consiste à rendre le design d’un site compatible avec n’importe quel appareil grâce à un contenu qui s’adapte automatiquement à la résolution d’écran. Un slider qui s’adapte FlexSlider est un slider qui fonctionne aussi bien sur un écran d’ordinateur que sur celui d’une tablette tactile ou d’un smartphone, ce qui n’est pas le cas des plugins jQuery de façon générale. Cette performance est due à la technique du « responsive design » : solution alternative à la version mobile d’un site, l’interface s’adapte en fonction de l’écran en exploitant les propriétés CSS d’une feuille de style (notamment avec les media queries CSS3). Ainsi le diaporama s’adapte parfaitement au support !

an awesome, fully responsive jQuery slider plugin

an awesome, fully responsive jQuery slider plugin

Menu vertical avec Slider

Si il y a une chose récurrente c’est bien le manque de sémantique dans les gadget du web. Fx slider ne doit pas être le seul mais il est parfaitement sémantique et extrêmement simple d’intégration. Coté Html une liste suffit pour peut qu’elle soit identifiée ou classé.

jQuery Timelinr est un plugin jQuery permettant de créer une frise chronologique sous forme de slider dynamique. jQuery Timelinr est un plugin jQuery permettant de créer une frise chronologique sous forme de slider dynamique. Présenter les dates clés d'un projet, d'une entreprise... sur son site n'est jamais chose aisée. Grâce à Timelinr, vous aurez la possibilité de créer en quelques lignes de code jQuery un slider dynamique pour associer vos dates à un contenu. La navigation se fait très facilement entre les dates avec un effet de transition sympa qui donnera tout de suite du style à votre frise chronologique.