När vi bygger webbapplikationer följer vi några styrande principer. De gör det enklare att nå ett riktigt bra slutresultat. Vi ser alltid till att våra webbapplikationer är betrodda och säkra enligt OWASP.
Dessutom får de en responsiv design som fungerar som den ska på surfplattor, smartphones och datorer. De följer standarderna för HTML5 och CSS3 och uppfyller kraven på tillgänglighet enligt W3C.
Här nedan beskriver vi kort varje princip. Du får också en motivering till varför vi följer den och vad den ger för resultat i själva webbapplikationen.
Responsiv design
Responsiv design betyder att vi bygger och designar webbplatsen så att layouten anpassar sig efter besökarens skärmupplösning. Besökaren kan surfa in från sin surfplatta, smartphone eller dator. Innehållet anpassar sig automatiskt efter enhetens skärmupplösning och webbläsare.
- Motivering:
- Utvecklingen blir mer tidseffektiv
- Enkla och standardiserade förhållningssätt
- Webbplatsen är oberoende av skärmupplösning och enhet
- Resultat:
- Besökaren tar del av ett innehåll som anpassar sig efter enhetens skärmupplösning
- Besökaren kan dessutom besöka webbplatsen från sin surfplatta, smartphone eller dator
Bootstrap som front-end ramverk
Bootstrap är en samling populära verktyg för att bygga webbplatser och webbapplikationer. Den innehåller HTML- och CSS-mallar för typografi, formulär, knappar, navigering och andra gränssnittskomponenter. Dessutom finns en mängd CSS-mallar för responsiva webbplatser. Tack vare det går det faktiskt relativt smidigt att bygga en responsiv webbplats.
- Motivering:
- Utvecklingen blir tidseffektiv
- Höjer kvaliteten och standardiserar strukturen i gränssnittet
- Resultat:
- Gränssnittets struktur blir mer konsekvent
- Standarder för HTML5 och CSS3
- Ett heltäckande ramverk som följer standardrekommendationerna för responsiv webbdesign
Stöd för olika webbläsare
I regel stödjer vi de två senaste versionerna av de populäraste webbläsarna: Chrome, Firefox, Safari och Edge.
- Motivering:
- Bra stöd för grafiska effekter, till exempel animeringar, skuggningar, rundade hörn med mera
- Kortare utvecklingstid eftersom vi inte behöver stödja samtliga webbläsare
- Mindre behov av specialanpassade lösningar för äldre webbläsare
- Resultat:
- Webbplatserna uppfyller standarderna för HTML5 och CSS3
- Besökarna möts av en snabb och modern webbplats som beter sig som den ska
Betrodda och säkra webbplatser enligt OWASP rekommendationer
Den globala organisationen Open Web Application Security Project (OWASP) arbetar för säkerhet i mjukvaruapplikationer, främst webbapplikationer. OWASP har tagit fram ett antal rekommendationer som vi följer när vi utvecklar mjukvaruapplikationer och webbplatser. Syftet är att hålla en hög säkerhetsnivå och samtidigt skydda mot kända hackermetoder, angrepp och intrång.
- Motivering:
- Webbapplikationerna blir säkrare
- Risken att utsättas för kända hackerattacker, intrång och angrepp minskar
- Resultat:
- Möjlighet att testa webbapplikationer enligt OWASP topp 10 rekommendationer
- Säkra och betrodda webbplatser för besökarna
Testa alltid appen eller hemsidans tillgänglighet mot W3C
World Wide Web Consortium (W3C) utvecklar tekniska protokoll, standarder och programvara för webben. Målet är att skapa ett internet som fungerar så bra som möjligt, genom ett öppet samarbete. Där kan vi som användare ta del av innehållet som det är tänkt att se ut. Med andra ord får vi en trevlig, väl designad och lättillgänglig upplevelse online.
- Motivering:
- Vi kan bygga en webbplats som följer tillgänglighetskraven för personer med funktionsnedsättning, till exempel nedsatt syn och hörsel
- Resultat:
- Det är enkelt att testa och validera webbplatsen mot W3C:s krav och på så sätt uppfylla dem