Spørsmål om kompatibilitet mellom nettleser, skjermoppløsning og inkonsekvent HTML- og CSS-kode er ting fra fortiden i mobilutvikling. Utviklere som fortsatt griper seg med disse problemene, er langt bak tiden og trenger å lære noen få nye triks.

Mobilutviklere i dag utvider omfanget av sin kompetanse; de løser ikke bare disse problemene, men utvikler mobile nettsteder som har imponerende layouter, er berøringsvennlige og er basert på rammer som fungerer feilfritt på smarttelefoner og nettbrett.

Flere og flere bedrifter er trygge med å utvikle mobile versjoner av sine nettsteder, samt lansere apper som hjelper dem med å markedsføre sine produkter og tjenester, og JavaScript har vært hovedårsaken til mobilutviklingen.

Generelt har JavaScript gjort det enkelt å bruke berøringsskjerm enheter. Med det kan vi aktivere nettsteder til å svare på fingerbevegelser som trykk, rulle og zoome. JavaScript har ikke bare løst kompatibilitetsproblemer på tvers av nettleseren, men har gjort det enkelt å utvikle nettsteder på tversplatform, noe som øker antall brukere.

De fleste JavaScript-rammer er lette, noe som gjør nettleseren rask uten å kompromittere utseendet på et nettsted. Mobile nettsteder bruker i økende grad HTML5 og CSS3, og overholder W3C-spesifikasjonene - som er en annen velsignelse for JavaScript-rammer.

jQuery Mobile

Hvis det er et JavaScript-rammeverk som hver mobilutvikler ville garantere, er det jQuery Mobile . Som desktop-ekvivalent har jQuery Mobile et widgetbibliotek som konverterer semantisk merking til et gestus-vennlig format, noe som gjør operasjoner enkelt på berøringsskjermen. I HTML5-mobilrammen kan utviklere også bygge nettsteder og apper på tvers av plattformer.

jQuery Mobile har en lett kodebase som pakker et slag med mange grafiske elementer. Utviklere kan enkelt integrere svitsjere og skyveknapper. De progressive forbedringene og designene som lett kan gjøres til temaer, gjør det ekstremt utviklervennlig.

Det siste er en beta-versjon med mange muligheter for forbedring.

jQuery Mobile

M-prosjektet

M-prosjektet er et brukervennlig JavaScript-rammeverk som effektivt inkorporerer de avanserte funksjonene i HTML5.

Med sin modell-view-controller (MVC) arkitektur, er The M Project populært blant mobile utviklere av flere grunner. Open Source-modulen, som er basert på MVC, tillater utviklere å isolere dataene fra forretningslogikken. Videre støtter JavaScript-rammeverket flere enheter, noe som gjør det enkelt å utvikle apper og nettsteder som for smarttelefoner, tabletter og stasjonære datamaskiner.

Nylig samarbeidet M-prosjektet med Panacoda, som bidro til at rammene utvidet sine forbedringer og funksjoner.

M Project

Appcelerator Titanium

Hvis du er ute etter et JavaScript-rammeverk som sømløst kombinerer fleksibiliteten til åpen kildekode med cloud computing, så leter du etter Appcelerator Titanium . Det er en neste generasjons mobil plattform som kan brukes til å utvikle apper til Apple og Android.

Din eksisterende kunnskap om HTML, CSS og JavaScript programmering vil komme til nytte når du bruker Appcelerator Titanium, som er den største fordelen. Du kan bruke Appcelerator Titanium til å bygge tabellvisninger, brytere, faner og popovers. Det gjør det også enkelt å integrere med mobilenes kameraer og filer som er lagret på enhetene. Videre, hvis du vil unngå å lære Objective-C og Android SDK, tilbyr Appcelerator Titanium flere nyttige tips.

Samfunnsstøtten til Appcelerator Titanium er sterk, og du kan finne hjelp på flere fora der mobilutviklere kontinuerlig arbeider med rammen.

Appcelerator

Sencha Touch

Telt blant de beste JavaScript-rammeverkene, Sencha Touch er også et foretrukket rammeverk blant mobilnettutviklere. Det komplette widgetbiblioteket er basert på Ext JS JavaScript-biblioteket og er målrettet mot Class A WebKit-nettlesere. Denne høykvalitets HTML5-rammen kan brukes til å utvikle apper for flere mobile operativsystemer, inkludert iOS, Android, BlackBerry OS og Kindle.

Det siste fra Sencha Touch har en enklere API, forbedret MVC og økt hastighet med innfødt emballasje, som er lett å bruke.

Sencha

Zepto

Zepto ble bygget spesielt for mobile WebKit-nettlesere som Safari og Chrome og adlyder en minimalistisk utviklingsfilosofi som gjør mobilutvikling rask og enkel.

Zepto handler om å holde ting enkelt - målet med rammen er presis og til tross: å ha 5 til 10k modulære biblioteker som enkelt kan lastes ned og raskt utføres. Det viser også brownie poeng for å være ekstremt lett, bare 5 KB.

Den kjente API lar utviklere konsentrere seg om å få ting gjort raskt.

Zepto

DHTMLX Touch

Dette er et annet HTML5 JavaScript-mobilutviklingsramme som bidrar til å lage design for smarttelefoner og berøringsenheter.

Hvis du er ute etter et rammeverk som taler for minimal koding, velger du DHTMLX Touch . Brukergrensesnittet er enkelt å bruke og rammen lar utviklere kutte ut forskjellige typer apper for forskjellige mobile plattformer.

DHTMLX

LimeJS

Hvis du vil ha et JavaScript-rammeverk spesielt for spillutvikling, prøv LimeJS . Den bruker HTML på flere måter og lager spill som er berøringsskjerm-vennlig og fungerer både i nettlesere og applikasjoner.

Få den opprinnelige opplevelsen av spill med LimeJS.

LimeJS

jQTouch

Hvis du er kjent med jQuery Mobile, så jQTouch vil ikke være vanskelig å bruke. jQTouch har også et widgetbibliotek med semantisk markupkonvertering.

Vær oppmerksom på at apper som er bygget på jQTouch-rammen, kun fungerer på små skjermer og er spesifikt rettet mot Class A WebKit-nettlesere, som for eksempel på Android- og Apple-enheter.

jQTouch

TreeSaver

TreeSaver bruker standardkompatibel HTML og CSS og er perfekt for å utvikle magasinformater som kan passe dynamisk inn i forskjellige mobile nettlesere og enheter.

TreeSaver kan brukes til å designe et stort utvalg av nettsteder og programmer uten behov for JavaScript-programmering.

TreeSaver

Mobilize.js

Ofte vil utviklere redusere arbeidsbelastningen, slik at de søker et rammeverk som direkte kan importere et eksisterende skrivebordsvennlig nettsted til en mobilvennlig plattform. Mobilize.js er et slikt JavaScript-rammeverk som automatisk oppdager mobilnettlesere og enkelt integrerer uten å måtte endre noe på serveren.

At det er åpen kildekode og har en WordPress-versjon, er ekstra bekvemmeligheter for utviklere.

Mobilize.js

Har du brukt noen av disse rammene? Foretrekker du et rammeverk som vi ikke har dekket? Gi oss beskjed i kommentarene.

Utvalgt bilde / miniatyrbilde, ramme bilde via Shutterstock