Magellos webbutvecklingsprinciper

18 jan. 2022


Som webbutvecklare är det alltid bra att följa några styrande principer inom webbutveckling när man utvecklar webbapplikationer. På så sätt blir det enklare att uppnå ett riktigt bra slutresultat. På Magello ser vi alltid till att våra webbapplikationer är betrodda och säkra enligt OWASP.

Vi ger dem en responsiv design och ser till att de har stöd för, och fungerar som de ska på surfplattor, smartphones och datorer. Samt att de följer HTML5 och CSS3´s standarder och även uppfyller kraven på tillgänglighet enligt W3C. Nedan följer en kort beskrivning om dessa principer. Samt en liten motivering till varför vi valt att följa dessa, och några ord om resultat som principen ger på själva webbapplikationen. 

Responsiv design

Responsiv design innebär att utvecklaren bygger och designar en webbplats där layouten anpassas till besökarens skärmupplösning. På så sätt kan webbplatsens besökare surfa in på sajten från sin surfplatta, smartphone eller dator, och veta att webbplatsens innehåll automatiskt anpassar sig efter enhetens skärmupplösning och webbläsare. Responsiv design kan du läsa mer om här »

  •  Motivering:
    • Utvecklingen blir mer tidseffektiv
    • Enkela och standardiserade förhållningssätt
    • Webbplatsen är oberoende av skärmupplösning och enhet
  • Resultat:
    • Besökaren kan ta 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 från datorn

 Bootstrap som front-end ramverk

Bootstrap är en samling mycket populära verktyg som används för att skapa webbplatser och webbapplikationer. Samlingen innehåller HTML- och CSS-mallar för typografi, formulär, knappar, navigering och andra gränssnittskomponenter. Bootstrap har dessutom en mängd CSS-mallar för responsiva webbplatser. Tack vare detta går det faktiskt relativt smidigt att bygga en responsiv webbplats. Bootstrap kan du läsa mer om här »

  •  Motivering:
    • Utvecklingen blir mycket tidseffektiv
    • Möjliggör kvalitetshöjning och standardisering av struktur i gränssnitt
  • 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 senaste två versionerna av de populäraste webbläsarna; Chrome, Firefox, Safari och Edge. 

  •  Motivering:
    • Ett bra stöd för grafiska effekter som till exempel tjusiga animeringar, skuggningar, rundade hörn med mera
    • Kortare utvecklingstid tack vare att behovet att stödja samtliga webbläsare försvinner
    • Minimerar behovet av specialanpassade lösningar för äldre webbläsare
  • Resultat:
    • Webbplatserna uppfyller standarder 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 alltså tagit fram ett antal rekommendationer som bör följas när man utvecklar mjukvaruapplikationer och webbplatser. Detta för att hålla en hög säkerhetsnivå och samtidigt skydda sig mot kända hackermetoder, angrepp och intrång. OWASP kan du läsa mer om här »

  • Motivering:
    • Detta leder till att  webbapplikationer får en ökad säkerhet
    • Det minskar dessutom risken för att utsättas för kända hackerattacker, intrång och angrepp
  • Resultat:
    • Möjlighet att testa webbapplikationer enligt OWASP topp 10 rekommendationer
    • Säkra och betrodda webbplatser för besökare

Testa alltid appen eller hemsidans tillgänglighet mot W3C

Hur som helst, World Wide Web Consortium (W3C) arbetar med att utveckla tekniska protokoll, standarder och programvara för webben. Målet med detta är att genom ett öppet samarbete skapa ett Internet som fungerar så bra som möjligt. Där vi som användare kan ta del av innehållet som det är tänkt att se ut. Och på så sätt få en trevlig, fint designad och dessutom lättillgänglig upplevelse online. W3C kan du läsa mer om här »

  • Motivering:
    • Detta gör det möjligt att bygga en webbplats som följer tillgänglighetskraven för personer med funktionshinder, som till exempel nedsatt syn och hörsel
  • Resultat:
    • Det är enkelt att testa och validera webbplatser mot W3C´s krav, för att på så sätt uppfylla dessa