GUI ramverk

By . Latest revision .

Vi har i tidigare kursmoment byggt vårt egna modul-baserade GUI ramverk med hjälp av CSS och SASS. Det finns en hel uppsjö av olika CSS ramverk där många kanske känner till Bootstrap och Foundation by ZURB. Vi ska i denna artikel titta på ett antal GUI ramverk som är anpassade för mobila enheter. Dessa ramverk gör att vi kan designa våra appar så de ser ut som native appar på iOS och Android

#GUI ramverk

Många av GUI ramverken som finns är gjorda för att visas upp både i desktop miljö och mobila enheter. Här är en lista på några olika ramverk som kan vara intressanta när man vill utveckla för en specifik mobil plattform.

Ett mer fullfjädrat ramverk är Ionic, som baseras på Cordova. Här byggs appar med hjälp av Ionics CLI verktyg istället för Cordovas CLI. Just i kursen webapp rekommenderas Cordova, men i egna projekt kan Ionic vara ett alternativ.

#Design Guidelines

Till mobil operativsystemen iOS och Android ger Apple respektive Google ut guidelines för hur man ska designa på de två plattformarna. Detta är ett viktigt verktyg inte minst när vi designar med hjälp av HTML och CSS istället för de inbyggda native elementen.

#Avslutningsvis

Om du har frågor eller tips så finns det en särskild tråd i forumet om denna artikeln. Kom gärna med fler förslag till mobil anpassade GUI ramverk i forumtråden.

#Revision history

  • 2018-04-06: (A, efo) Första utgåvan inför kursen webapp v3.

Document source.

Category: javascript.