Share
De juiste combinatie van JavaScript-plug-ins kan een eenvoudige website in een fantastische website veranderen - en dat terwijl u voor uw werk minimaal werk nodig hebt. Vandaag bespreken we veertig van de populairste plug-ins die beschikbaar zijn. Als we er enkele gemist hebben, laat het ons dan weten in de comments!
Een plug-in waarmee u client-side validatie en Ajax-formulieren kunt bouwen.
JQuery Valideren
Een MooTools-formuliervalidatieplug-in (vergelijkbaar met jQuery Validate).
MooTools valideren
JSValidate is een formuliervalidator die gebruikmaakt van aspecten van de Prototype- en Scriptaculous-bibliotheek om u een eenvoudige, niet-storende JavaScript-formuliervalidator te laten uitvoeren. Met minimale instellingen kunnen uw formulieren in een handomdraai schone gegevens verwerken.
JSValidate
Een MooTools-plug-in die de standaardinstellingen van de browser en keuzerondjes vervangt door aangepaste stijlen.
FancyForm - MooTools
Hetzelfde als FancyForm, maar met behulp van jQuery-bibliotheek.
PrettyCheckboxes - jQuery
Een eenvoudige plug-in waarmee u de formulierselectielijst kunt vervangen door aangepaste stijlen.
jQuery Selectbox-plugin
Met dit script kunt u aangepaste schuifregelaars maken die zijn gekoppeld aan invoervelden.
Onopvallend schuifregelaar V2
Geef je formulier een complete make-over.
Aangepaste selectievakjes
Je bent waarschijnlijk heel bekend met Lightbox. Als dit niet het geval is, wordt dit gebruikt om overlay-afbeeldingen weer te geven op de huidige pagina.
Lichtbak
Dit is precies hetzelfde als Lightbox JS, maar geschreven bovenaan de jQuery-bibliotheek.
jQuery lightBox Plugin
Thickbox is een jQuery-plug-in die erg lijkt op Lightbox, maar wordt geleverd met meer functies. Hiermee kunt u weergeven: afzonderlijke afbeeldingen, meerdere afbeeldingen, inline-inhoud, iframed-inhoud of inhoud die wordt aangeboden via AJAX in een hybride modaal.
thickbox
Highslide JS heeft hetzelfde doel als Thickbox, maar heeft het zoomeffect en stelt u in staat het overlay-venster te slepen.
Highslide JS
FancyBox is een jQuery-plug-in die is ontworpen om de overgebruikte Lightbox te vervangen. Het heeft vergelijkbare functies, maar betere overgangseffecten (het ontwerp is Mac-achtig).
FancyBox
Met jQZoom kunt u een vergroot beeld van de miniatuur weergeven. Deze techniek wordt vaak gebruikt in eCommerce-websites.
jQZoom
Slideshow 2! is een JavaScript-klasse voor MooTools 1.2 om de presentatie van afbeeldingen op uw website te streamen en animeren.
Slideshow 2! voor MooTools
Met MooTools v1.11 kunt u met deze JavaScript-galerij en het diavoorstellingsysteem eenvoudige en vloeiende (cross-fading) afbeeldingengalerijen, diavoorstellingen, showcases en andere leuke dingen op uw website hebben.
SmoothGallery
Galleria is een galerij met JavaScript-afbeeldingen geschreven in jQuery. Het laadt de afbeeldingen één voor één vanuit een ongeordende lijst en geeft miniaturen weer wanneer elke afbeelding is geladen. Het maakt miniaturen voor u als u dat kiest, geschaald of ongeschaald, gecentreerd en bijgesneden in een vast, door CSS gedefinieerd, miniatuurvak.
jQuery Galleria
NoobSlide is een klasse MooTools waarmee u getimede diavoorstellingen en schuifpanelen kunt maken.
Noobslide
Dit toont een demonstratie van een slider-widget uit de jQuery UI-bibliotheek die is gebruikt om de productslider te maken.
Product Slider
Coda Slider is een jQuery-plugin die de schuifeffecten van het paneel imiteert zoals te zien is op Slideshow 2! voor MooTools coda-website.
Coda schuifregelaar plugin
Dit is een tutorial van jQuery For Designers om je te laten zien hoe je de Coda paneelschuifregelaar maakt.
Sliding Tabs is een MooTools 1.11 plug-in die een vrij net effect toevoegt. Het is een kloon van iets dat te zien is op de Coda-site van Panic Software, die op zijn beurt erg lijkt op een widget die wordt gebruikt in de iTunes Music Store.
Sliding Tabs
jCarousel is een jQuery-plug-in voor het besturen van een lijst met items in horizontale of verticale volgorde. De items, die statische HTML-inhoud kunnen zijn of zijn geladen met (of zonder) AJAX, en kunnen heen en weer worden gescrolld (met of zonder animatie).
jCarousel
De carrouselcomponent beheert een lijst met inhoud (HTML LI-elementen binnen een UL) die horizontaal of verticaal kan worden weergegeven. De inhoud kan heen en weer worden gescrolld met of zonder animatie. Het kan verwijzen naar statische HTML-inhoud of de lijstitems kunnen dynamisch on-the-fly worden gemaakt (met of zonder Ajax).
YUI-carrouselcomponent
Carousel Slideshow is een fantastisch DHTML-script voor de presentatie van afbeeldingen op uw site. Het geeft afbeeldingen op een 3D-, carrousel-manier weer.
DynamicDrive - Carrousel Slideshow
iCarousel is een open source (gratis) JavaScript-tool voor het maken van carrouselachtige widgets. U kunt iCarousel gebruiken als nieuwsteller / schuifregelaar of schuifknop voor afbeeldingengalerij.
iCarousel - MooTools
jQuery Tabs is een krachtige en flexibele jQuery-invoegtoepassing waarmee u aanpasbare tabnavigatie kunt maken (sterk aanbevolen).
jQuery UI-tabbladen
Nog een geweldige tutorial van jQueryForDesigners.com die je laat zien hoe je een eenvoudige tabbladnavigatie maakt met jQuery.
jQuery Tabs Zelfstudie
MooTabs is een kleine (3kb) klasse voor MooTools. Zoals de naam al doet vermoeden, is het primaire doel om te helpen bij het maken van eenvoudige tabnavigatie.
MooTabs
Een zeer flexibele jQuery-plug-in waarmee u scrolanimatie kunt maken naar elke positie op een webpagina met aanpasbare wis- en snelheidsopties.
jQuery ScrollTo
Een eenvoudig MooTools-script dat zorgt voor soepel scrollen naar ankers op een webpagina.
SmoothScroll
Een aanpasbare plug-in voor jQuery die knopinfo met tooltip weergeeft met zowel statische tekst als Ajax-inhoud.
jTips
Nog een leuke tooltip-plugin.
jQuery Tooltip Plugin
Een zeer eenvoudig jQuery-script dat tooltips en afbeeldingsvoorbeelden weergeeft.
Tooltip en afbeeldingsvoorbeeld
Deze plug-in maakt een accordeon-menu. Het werkt met geneste lijsten, definitielijsten of gewoon geneste divs.
jQuery-accordeon
De Accordion geeft je een mooie manier om alleen de inhoud te tonen die je echt nodig hebt.
MooTools Accordeon
Image Menu is een MooTools-plug-in waarmee het horizontale menu met accordeonkictogrammen wordt gemaakt.
MooTools Image Menu
sIFR is bedoeld om korte passages van gewone browsertekst te vervangen door tekst die wordt weergegeven in uw lettertype naar keuze, ongeacht of uw gebruikers dat lettertype op hun systeem hebben geïnstalleerd. Het volbrengt dit door een combinatie van JavaScript, CSS en Flash te gebruiken.
sIFR 3
Een jQuery-plug-in die de sIFR voor u doet.
jQuery sIFR
Facelift Image Replacement is een script voor het vervangen van afbeeldingen dat op dynamische wijze beeldrepresentaties van tekst op uw webpagina genereert in lettertypen die anders mogelijk niet zichtbaar zijn voor uw bezoekers. De gegenereerde afbeelding wordt automatisch ingevoegd in uw webpagina via JavaScript en zichtbaar voor alle moderne browsers.
FLIR
Schakelaar voor stylesheets met jQuery.
Wissel stylesheets met jQuery
CSS stylesheet switcher met MooTools.
MooTools Styleswitcher
Accentsconagua