• Home
• Diensten
• Case studies
• Vacatures
• Contact

jQuery & AJAX implementatie

jQuery is een cross-browser javascript bibliotheek waarmee het eenvoudiger is gemaakt om HTML elementen en CSS attributen real-time te manipuleren. Hiermee is het mogelijk om een erg dynamisch ogende website te creeëren voor de bezoeker. Gecombineerd met AJAX, waarmee de website ook dynamische content real-time kan opvragen, weergeven én opslaan, levert dit uiterst interactieve web-applicaties of websites op.

De technieken zijn inmiddels volwassen en worden beide goed ondersteund door alle beschikbare browsers. Bovendien komt subtiel gebruik van beide technieken samen  vaak de gebruiksvriendelijkheid van websites ten goede. Toch merken wij dat ontwerpers en webdesigners nog niet altijd stilstaan bij de mogelijkheden. Dit uit zich vaak in de website ontwerpen die, hoewel mooi, toch duidelijk voor statische websites bedoeld zijn.

Wat is er mogelijk?

Om deze technieken goed te kunnen implementeren is het belangrijk om al in een vroeg stadium van het website traject rekening te houden met de mogelijkheden. Dat betekent dus tijdens het ontwerpen, maar vooral ook bij het bespreken van de gewenste website functionaliteiten met de eindklant. De kans is namelijk groot dat de eindklanten nooit van jQuery of AJAX gehoord hebben en dus zelf niet op de hoogte zijn van wat er allemaal mogelijk is.

Daarom is het goed om als ontwerper of webdesigner goed met de mogelijkheden die jQuery en AJAX te bieden hebben bekend te zijn. Enkele zaken die bijvoorbeeld te realiseren zijn:

• Het verdelen van pagina inhoud (secties) over verschillende tabbladen (demo 1, demo 2, demo 3)
• Het dynamisch ophalen van pagina inhoud bij klikken op (menu) links
• Afbeelding presentatie (lightbox, fancybox, gallerific, of de unieke polaroid viewer, combinatie met lightbox)
• Pop-ups met afbeeldingen, tekst of complete pagina's (facebox, bpopup)
• Aparte menu's (afbeeldingen met tekst ballon)

Uiteindelijk zijn dit slechts enkele voorbeelden, en zijn de uiteindelijke mogelijkheden slechts beperkt door de creativiteit van de ontwerper! Wij kunnen uiteraard helpen met het integreren van bestaande jQuery plugins, het namaken van bestaande plugins op maat, of het ontwikkelen van maatwerk oplossingen.

Enkele voorbeeld sites

Enkele voorbeelden van websites waar wij aan werkten en die gebruik maken van jQuery en AJAX zijn:

www.trinity24.de
Op Trinity24 staan twee applicaties, namelijk de Style Finder en de Charm Creator. Beide applicaties zijn erg origineel en dynamisch. Ook de bollen op de home pagina worden middels jQuery geanimeerd, maar zijn nog steeds volledig beheerbaar vanuit het CMS.

www.littlestylist.com
Op Little Stylist kan de bezoeker real-time zijn eigen kledingstukje samenstellen uit via het CMS te beheren jurkjes, truitjes en verschillende applicaties.

www.bms-travellers.nl
Voor BMS Travellers maakten we een maatwerk foto album plugin welke op vrijwel elke pagina gebruikt wordt. De plugin functioneert standaard als slideshow, maar er is ook handmatig door de foto's te bladeren door middel van thumbnails.

www.effio.eu
Voor Effio implementeerden we jQuery om het “uitklap” effect van de afbeelding op de landingspagina te realiseren. Tevens is de galerij van jQuery voorzien om de flash scripts te vervangen en om de navigatie zonder page refresh te laten werken.

Meer voorbeelden

Er zijn daarnaast talloze pagina's en blogs op internet beschikbaar met mooie voorbeelden, die bovendien ook kunnen dienen als bronnen van inspiratie. We raden aan om eens te zoeken op internet en te kijken wat er zoals mogelijk is!