jQuery er noe vi har brukt i mange år, faktisk lenge før det ble «allment» kjent i Norge. Når vi denne uken leste om at Adobe gir opp Flash på mobile enheter, så er jQuery enda mer aktuelt.
Hva er dette jQuery spør du gjerne? jQuery er et «rammeverk» (bibliotek) som på en svært enkel måte lar deg utnytte Javascript. jQuery inneholder en stor mengde ferdiglagde komponenter og funksjoner som man kan bruke uten å kunne Javascript. jQuery gir deg ganske enkelt en raskere vei til målet. Slagordet til jQuery er: «Write less, do more». Våre utviklere elsker jQuery. Les gjerne mer om jQuery på http://jquery.com.
Jeg tenkte i dette blogginnlegget å gi et eksempel på hvordan man kan bruke jQuery.
Ekte engineering
Fasett, på vegne av kunden Bergen Group Rosenberg, ønsket å lage en kampanjesiden for begrepet «Ekte engineering». Les mer om kampanjen på Fasett sin blogg.
Vi sto ovenfor et teknisk spørsmål når vi startet prosjektet. Nettstedet hadde en del funksjonalitet, hvor det tekniske svaret før i tiden ville vært: «Vi bruker Flash!». Men med inntreden av iPader som ikke har støtte for Flash, så er dette noe vi ideelt sett ikke ønsker å bruke. Svaret ble derfor: «Vi bruker jQuery!». Men vi må innrømme vi var litt spente på om all funksjonalitet kunne løses på en god måte med jQuery, det var litt upløyd mark. Noen av ønskene var:
- Svaralternativene i testen skulle «flyte» over skjermen
- Alle besvarelser skulle plasseres på en galant måte nede på siden
- Ting skulle vibrere når man holdt musen over elementer
Blant annet… I tillegg skulle siden fungere på iPad (om ikke like «smoth”) og aller helst andre nettbrett (i praksis Android nettbrett). En utfordring, men det liker vi utviklere 🙂
Alle ønsker ble løst! Med jQuery. For de som er teknisk nyssgjerrig, så er det bare å ta en titt i koden for å se hvilke plug-ins som ble brukt og hva vi selv skrev av kode.
På ipad:
Resultatet kan sees her: www.ekteengineering.no
Dette er bare et eksempel på bruk av jQuery. Vi bruker stort sett jQuery på alle nettsteder vi lager, i stor eller liten skala. Ser du noe bevegelse på ditt nettsted, skal du ikke se bort i fra at det er jQuery 🙂