Er zijn zoveel leuke jQuery plugins dat we het niet konden laten er een paar te pakken om wat vreemde letters te maken. Dit in navolging van onze eerdere reeks berichten over CSS eigenschappen.

Het schrijven van testbare, uitbreidbare, schaalbare Javascript code is niet eenvoudig. Zeker niet wanneer je met Javascript in aanraking bent gekomen via jQuery. Maar als je net als wij af wilt van de veel te lange lappen Javascript in je websites, je code vaker wilt hergebruiken en gewoon een betere programmeur wilt worden, dan is het tijd om je te verdiepen in Javascript modules. We zetten de eerste stap.

Vandaag is het zover, we gaan de jQuery plugin afmaken. Het is tijd voor wat magie van javascript. Je kunt de code trouwens downloaden, of de demo vast bekijken (vergeet dan niet je browser scherm te verkleinen om het effect te zien):

Vorige keer zijn we begonnen met het bouwen van een jQuery plugin. Om de berichten een beetje kort te houden zijn we toen niet verder gekomen dan de HTML mark-up. Vandaag doen we het CSS gedeelte. De CSS wordt in dit geval met name gebruikt om de tabs zowel op smalle als brede schermen op een nette manier weer te geven.

Ja je leest het goed, het verbaasde mij ook nogal. Ik wist namelijk tot voor kort niet dat je ook Javascript kon toepassen op je Photoshop documenten. Ik raakte getriggered toen ik per toeval een vraag last op Stack Exchange Graphic.