Problemer med browser-kompatibilitet, skærmopløsning og inkonsekvent HTML- og CSS-kode er ting fra fortiden i mobiludvikling. Udviklere, der stadig kæmper med disse problemer, er langt bag tiden og har brug for at lære et par nye tricks.

Mobile udviklere i dag udvider omfanget af deres ekspertise; de løser ikke kun disse problemer, men udvikler mobile websteder, der har imponerende layouter, er touch-venlige og er baseret på rammer, der fungerer fejlfrit på smartphones og tablets.

Flere og flere virksomheder har tillid til at udvikle mobile versioner af deres hjemmesider samt lancere apps, der hjælper dem med at markedsføre deres produkter og tjenester med succes, og JavaScript har været hovedårsagen til mobiludviklingen.

Generelt har JavaScript gjort det nemt at bruge touchscreen-enheder. Med det kan vi aktivere websites til at reagere på fingerbevægelser som tryk, rul og zoom. JavaScript har ikke kun løst kompatibilitetsproblemer på tværs af browsere, men har gjort det nemt at udvikle platforme på tværs af platforme, hvilket øger antallet af brugere.

De fleste JavaScript-rammer er lette, hvilket gør web browsing hurtig uden at kompromittere udseendet af et websted. Mobilwebsites bruger i stigende grad HTML5 og CSS3, som overholder W3C-specifikationerne - hvilket er en anden velsignelse for JavaScript-rammer.

jQuery Mobile

Hvis der er en JavaScript-ramme, som enhver mobiludvikler ville garantere, er det jQuery Mobile . Ligesom dets desktop-equivalent har jQuery Mobile et widgetbibliotek, der konverterer semantisk markering til et gestus-venligt format, hvilket gør operationer nemme på berøringsskærme. HTML5-mobilrammen giver også udviklere mulighed for at opbygge websites og apps på tværs af platformen.

jQuery Mobile har en letvægts kode base, der pakker et slag med mange grafiske elementer. Udviklere kan nemt integrere omskiftere og skydere. De progressive forbedringer og de design, der nemt kan laves i temaer, gør det ekstremt udviklervenligt.

Det seneste er en betaversion med mange muligheder for forbedring.

jQuery Mobile

M-projektet

M-projektet er en nem at bruge JavaScript ramme, der effektivt indeholder de avancerede funktioner i HTML5.

Med sin model-view-controller (MVC) arkitektur er The M Project populært blandt mobile udviklere af flere årsager. Open source-modulet, som er baseret på MVC, giver udviklere mulighed for at isolere dataene fra forretningslogikken. Derudover understøtter JavaScript-rammen flere enheder, hvilket gør det nemt at udvikle apps og hjemmesider til smartphones, tablets og stationære computere.

For nylig samarbejdede M-projektet med Panacoda, som hjalp rammen med at udvide sine forbedringer og funktioner.

M Project

Appcelerator Titanium

Hvis du er på udkig efter en JavaScript-ramme, der problemfrit kombinerer open source-fleksibiliteten med cloud computing-magtene, så søger du efter Appcelerator Titanium . Det er en næste generation af mobil platform, som kan bruges til at udvikle apps til Apple og Android.

Din eksisterende viden om HTML-, CSS- og JavaScript-programmering vil komme til nytte, når du bruger Appcelerator Titanium, hvilket er dets største fordel. Du kan bruge Appcelerator Titanium til at opbygge tabelvisninger, switches, faner og popovers. Det gør det også nemt at integrere med mobilenes kameraer og filer, der er gemt på enhederne. Hvis du vil undgå at lære Objective-C og Android SDK, tilbyder Appcelerator Titanium flere nyttige tips.

Fællesskabsstøtten til Appcelerator Titanium er stærk, og du kan finde hjælp i flere fora, hvor mobiludviklere løbende arbejder på rammen.

Appcelerator

Sencha Touch

Tælles blandt de bedste JavaScript rammer, Sencha Touch er også en foretrukken ramme blandt mobilwebudviklere. Det komplette widgetbibliotek er baseret på Ext JS JavaScript-biblioteket og er målrettet til Class A WebKit-browsere. Denne højeffektive HTML5-ramme kan bruges til at udvikle apps til flere mobile operativsystemer, herunder iOS, Android, BlackBerry OS og Kindle.

Det nyeste fra Sencha Touch kan prale af en nemmere API, forbedret MVC og øget hastighed med indbygget emballage, som er nem at bruge.

Sencha

Zepto

Zepto blev bygget specielt til mobile WebKit-browsere som Safari og Chrome og adlyder en minimalistisk udviklingsfilosofi, der gør mobiludvikling hurtig og nem.

Zepto handler om at holde tingene simple - Målet med rammen er præcis og til punktet: At have 5 til 10k modulære biblioteker, som nemt kan downloades og hurtigt udføres. Det scorer også brownie point for at være ekstremt lys, kun 5 KB.

Den velkendte API giver udviklere mulighed for at koncentrere sig om at få tingene gjort hurtigt.

Zepto

DHTMLX Touch

Dette er en anden HTML5 JavaScript-mobiludviklingsramme, der hjælper med at skabe design til smartphones og touch-enheder.

Hvis du leder efter en ramme, der går ind for minimal kodning, skal du vælge DHTMLX Touch . Brugergrænsefladen er nem at bruge, og rammen giver udviklere mulighed for at afbryde forskellige typer apps til forskellige mobile platforme.

DHTMLX

LimeJS

Hvis du vil have et JavaScript-rammeværk specifikt til spiludvikling, så prøv LimeJS . Den bruger HTML på flere måder og laver spil, der er touchscreen-venlige og fungerer både i browsere og applikationer.

Få den oprindelige oplevelse af spil med LimeJS.

LimeJS

jQTouch

Hvis du er bekendt med jQuery Mobile, så jQTouch vil ikke være svært at bruge. jQTouch har også et widget bibliotek med semantisk markup konvertering.

Bemærk, at apps, der er opbygget på jQTouch-rammen, kun virker på små skærme og er specifikt målrettet til Webkit-browsere i klasse A, som f.eks. Android og Apple-enheder.

jQTouch

TreeSaver

TreeSaver bruger standarder, der er kompatible med HTML og CSS, og er perfekt til udvikling af magasinformater, der kan tilpasses dynamisk til forskellige mobilbrowsere og enheder.

TreeSaver kan bruges til at designe et stort udvalg af websteder og apps uden behov for JavaScript-programmering.

TreeSaver

Mobilize.js

Ofte vil udviklere mindske deres arbejdsbyrde, så de søger en ramme, der direkte kan importere et eksisterende desktop-venligt websted til en mobilvenlig platform. Mobilize.js er en sådan JavaScript-ramme, der automatisk registrerer mobile browsere og nemt integrerer uden at skulle ændre noget på serveren.

At det er open source og har en WordPress-version er ekstra bekvemmeligheder til udviklere.

Mobilize.js

Har du brugt nogen af ​​disse rammer? Foretrækker du en ramme, som vi ikke har dækket? Lad os vide i kommentarerne.

Fremhævet billede / miniaturebillede, ramme billede via Shutterstock