Ascensor - Transformez votre site en slides navigables avec jQuery. Ascensor.js est un plugin jQuery permettant de créer un site ou une présentation en forme de slides navigables. Ascensor rejoins la famille des plugins de navigation en slides mais se différencie des autres Fathom, Presenteer etc. en s'orientant plutôt sur la génération de slide pour sites web plutôt que pour faire des présentations web type powerpoint.
En effet, avec ascensor vous aurez la possibilité de créer un site vitrine ou portfolio original en mode fullscreen dans lequel les pages sont déroulées avec les flèches du clavier ou avec la map de navigation. Le plugin permet de naviguer de tous les côtés, c'est vous qui définissez le mapping de navigation grâce aux options du script. L'utilisateur pourra changer de pages de plusieurs manières: Avec les flèches du clavierAvec les liens Précédent / SuivantAvec les liens de la map de navigation Chacune des fonctionnalités de navigation peuvent être activées ou désactivées avec les options. Passons maintenant au code HTML: 01. 02. 03. 04. 05. 17.
Knob - Plugin JQuery pour faire des jauges circulaires. Knob est un plugin JQuery pour faire des jauges / chargements en forme de cercles simples et efficaces. Knob est un plugin vraiment simple et pratique pour créer des jauges en forme de cercle, dont le curseur peut être déplacé par l'utilisateur. Fonctionnement Il faut bien entendu inclure le plugin JS dans la page HTML, cependant aucun fichier CSS n'est requis (tout le style est configuré dans le fichier JS).
Le plugin s'applique sur des inputs de type "text", dont la value est la valeur de la jauge. Voici un exemple pour initialiser une jauge: 1. $("input.jauge").knob(); Paramètres Vous pouvez configurer le comportement et le style de vos jauges via des attributs data-* (valides HTML) à coller directement dans les balises input: 1. Cette jauge fera ainsi une largeur de 150px, avec le style CSS "tron".
Usages Ce plugin peut servir pour plusieurs taches: Un petit plugin qui laisse quand même pas mal de possibilités, et qui est vraiment simple d'utilisation ! Site Officiel. Voir le rendu d’un site sur une tablette, iphone, un nexus S sans avoir ces appareils. Vous avez toujours voulu savoir à quoi ressemblait votre site ou celui d’un de vos clients sous les tablettes ou sur certains smartphones? Alors au lieu de demander à vos amis leurs téléphones utilisez plutôt screenfly qui est un petit outil en ligne super pratique pour corriger vos responsives design! Si avec cela vous ne faite pas une version mobile de votre site… Articles en rapport : Le htaccess pour les nuls.
Bacon, personnalisez l’alignement du texte avec jQuery. Bacon est un plugin jQuery qui vous permet d’enrichir la présentation de vos blocs de texte en les alignant par rapport à une droite inclinée ou à une courbe de Bézier. Bref, le plugin idéal pour « arrondir » vos paragraphes. Donnez de la forme à vos textes Conçu pour un besoin très spécifique, Bacon remplit parfaitement son rôle : le plugin donne la possibilité de définir précisément la courbure d’un bloc de texte. Il sera le bienvenu pour mettre en valeur des paragraphes de texte d’un magazine web ou d’un design qui sort de l’ordinaire, par exemple avec des images arrondies.
Vous l’aurez compris, il n’y a pas vraiment de rapport avec une tranche de bacon, si ce n’est la forme que vous pouvez donner à vos paragraphes. Installation de Bacon On commence par inclure le framework jQuery et le plugin : fichiers JS et CSS. Ensuite, on définit la structure HTML d’un bloc de texte. Et on termine par l’appel à la fonction .bacon() sur la sélection jQuery de la classe CSS utilisée. Résultat : 15 jQuery slideshow/gallery plugins. Advertisement Revisited To choose best jQuery slideshow or gallery plugins can be difficult. We have worked out top 13 plugins to make your life easier. Below are the most aesthetic, innovative and creative jQuery plugins. 1. Nivo slider 2. Coin slider 3. jbgallery 2.0 jbgallery 2.0 4. jQuery.popeye 2.0 jQuery.popeye 2.0 5. jqFancyTransitions jqFancyTransitions 6. A Zoomable jQuery Image Gallery Called jPhotoGrid 7. AnythingSlider jQuery Plugin 8. Creating a Slick Auto-Playing Featured Content Slider 9.
GalleryView 10. Easy Slider 11. Advertisement Galleria 12. Imageflow 13. jFlow jFlow 14. Supersized 15. Gallerific 16. S3 Slider 17. Slider gallery 18. Creating an Image Slider 19. Create a Beautiful jQuery Slider Tutorial 20. Sliding Boxes and Captions with jQuery Tutorial 21. jQuery Cycle jQuery Cycle Take advantage of this free wordpress cheatsheet and wordpress theme perfect for your website.
Toxic progress bar 3D by Alex Patrascu. Scroll. Contenu txt. Effet photo. Accordeon. Lightbox. Lecteur Audio / Video. Slideshow / carousel. Photo defilement. Last updated on Dec 3, 2014 Originally published on July 28, 2010 by malihu, under Plugins. A thumbnail/image scroller that can be used as standalone or alongside lightboxes, gallery scripts etc. Features include: scrolling by cursor movement, buttons and/or touch, vertical and/or horizontal scrolling, customization via CSS and option parameters, methods for triggering events like scroll-to, update, destroy etc., user-defined callbacks functions and more.
Current version 2.0.1 (Changelog) – Version 1.x.x (no longer actively maintained) How to use it Get plugin files. Include jquery.mThumbnailScroller.css in the head tag your html document Include jQuery library (if your project doesn’t use it already) and jquery.mThumbnailScroller.min.js in your document’s head or body tag Some frameworks and CMS include jQuery library in the head tag to make sure it’s loaded when other scripts request it. If you’re creating a vertical scroller, you’ll need to set a height (or max-height) value Initialization.
Protéger un dossier avec un .htaccess. 10 générateurs de Code QR.
JQUERY. Formulaire de contact. CSS. Menu.