jQuery Mobile 1.3 er nå tilgjengelig som en stabil utgave.

Denne nye versjonen spearheads jQuery-teamets innsats for å fullt ut innlemme responsive webdesignprinsipper i sitt robuste bibliotek. Blant de nye funksjonene er flere widgets optimalisert for berøringsgrensesnitt, inkludert glatt paneloverlegg, glidebrytere med dobbelthåndtak, samt to forskjellige alternativer for responsive tabeller.

De nye funksjonene

De nye panelet widgets tillater skjult informasjon å bli vist på en veldig jevn, iøynefallende måte. Med tre moduser for overføringsoverlegg, avslør og skyv panelpanelene inn fra venstre eller høyre ved å sveipe, klikk eller trykk på tastaturet, og hold designen lydhør uavhengig av brukerens valgte metode for inngang.

Også å lage sin debut er en ny funksjon av den prøvde og sanne listevisningen: autofullfør! Denne funksjonen fungerer akkurat som det høres ut. Bare begynn å skrive inn dine ønskede kriterier, og voila! På samme måte som en Google-søkefelt, vises kampene automatisk under inntastingen.

Tabeller i jQuery Mobile 1.3 lar nå to tilleggsmoduser: kolonneveksle og reflow-modus. Kolonneknappmodus lar brukeren velge hvilke kolonner i et bord som skal skjules, og hvilke som skal vises. Reflow-modus tar responsivt webdesign til hjerte og løser hodepine på formateringstabellene dynamisk for små skjermer. Det gjør dette ved å bryte ned et bord og vise hver rad som sitt eget bord, med kolonnetikettene som radhoder og raddataene transponert i et kolonnformat.

Hva dette betyr for responsivt webdesign

jQuery har lenge vært et pålitelig rammeverk, favorisert for sin evne til å forenkle ellers kjedelige og komplekse JavaScript-oppgaver. jQuery Mobile har blitt oppdraget siden starten med å bringe den samme enkelheten til mobilarenaen, hvor berøringsgrensesnitt styrer roost.

Gitt karakteren av å ha to separate implementeringer for to forskjellige plattformer, har jQuery-teamet opplevd noe forvirring med den nylig mottatte webdesignbevegelsen. Folk har spurt om de burde bruke responsivt webdesign eller jQuery Mobile for sine nettsteder, som Todd Parker (medlem av jQuery Mobile-teamet) har svart på med en undertrykkende "begge"!

Mr. Parker kan også være på noe her også. Ved å benytte de rike egenskapene til jQuery mobile rammeverk, kan webdesignere raskt blande sine mobile nettsteder til en bredere responsiv strategi uten å ofre innovasjon.

Bare noen få av de nye funksjonene er oppført her; hele endringsloggen kan ses i utgivelsesmelding . Ta også en gander på jQuery Mobile 1.3 demo nettsted for litt praktisk hands-on tid.

Bruker du jQuery, jQuery Mobile, eller begge deler? Hvilke nye funksjoner er dine favoritter? Gi oss beskjed i kommentarene.