Iedereen heeft een supercoole jQuery-plug-in gezien op het wilde, wilde internet, toch? Misschien raakte je pas geïnteresseerd om meer over jQuery en JavaScript te leren door een jQuery-plug-in te zoeken en deze op je eigen site te gebruiken. Geen schande natuurlijk. Ik weet zeker dat het zo bij mij is gebeurd. Ze kunnen zo gemakkelijk te gebruiken zijn dat je zonder veel werk een aantal behoorlijk goede dingen kunt doen.
Ik heb er zelf een aantal gemaakt. Bijvoorbeeld FitVids. Maar daarover heb ik eerder gescreencast. Deze keer ga ik een paar jQuery-plug-ins kiezen die er goed uitzagen, maar ik heb ze nog nooit eerder gebruikt. Ik doe dat expres, dus ik kan het denkproces zien dat nodig is om uit te zoeken hoe een willekeurige jQuery-plug-in voor de eerste keer werkt.
De eerste die we kiezen, is een lightbox-plug-in genaamd Boxer. Weet je, een van die ontwerppatronen waarbij je op een miniatuur van een afbeelding klikt en een grotere versie ervan direct op de pagina opent en de achtergrond een beetje donkerder maakt. We krijgen het behoorlijk snel aan het werk volgens de documentatie.
Dat is waar we op kwamen:
Zie de Pen Boxer-plug-in uitproberen door Chris Coyier (@chriscoyier) op CodePen
De volgende die we kiezen, heet OWL Carousel. Het ziet eruit als een behoorlijk mooie schuifregelaar, met de twee grote functies die je vaak niet ziet in oudere schuifregelaars: aanraakondersteuning en flexibiliteit. We krijgen deze ook werkend door de documentatie te gebruiken, maar ook door de meegeleverde demo's te bekijken.
Hier kwamen we binnen een paar minuten bij:
Zie de pen 73452e0922f60633ef3e142f46f78f31 door Chris Coyier (@chriscoyier) op CodePen
In beide voorbeelden was wat me ertoe aanzette om ze te bookmarken:
- De goede documentatie.
- De schijnbaar mooie balans tussen opties en opgeblazen gevoel. Betekenis: er waren nogal wat goedbenoemde en duidelijk bruikbare parameters (inclusief callbacks), maar niet zo veel dat het overweldigend lijkt.
- Het mooie ontwerp. Dit zijn tenslotte visuele dingen.
We moeten een klein beetje verder gaan met het schrijven van onze eigen plug-in.