Blogg

1 maj, 2020

Webbutvecklings principer

Som webbutvecklare är det bra att ha ett par styrande principer att följa för att uppnå bästa möjliga resultat vid utveckling av  webbapplikationer. Vi på Webking ser alltid till att våra webbapplikationer är betrodda och säkra enligt OWASP, har responsiv design med stöd för surfplattor, smartphones eller datorer och följer HTML5 och CSS3 standarder för att uppfylla tillgänglighet enligt W3C.  Nedan följer en kort beskrivning om respektive princip vi försöker följa och motivering till varför och vilket resultat det får på webbapplikationen om principen uppfylls.

Responsiv design

Responsive design innebär att utvecklaren bygger och designar en webbplats som tillåter layouten att förändras beroende på vilken skärmupplösning besökaren har. Det innebär exempelvis att webbplatsens besökare kan surfa till sajten med surfplatta, smartphone eller dator och att innehållet på webbplatsen anpassas efter besökarens skärmupplösning och webbläsare. Läs mer om responsive design här »

  •  Motivering:
    • Mer tidseffektiv utveckling
    • Enkelt och standardiserat
    • Webbplatsen är oberoende av skärmupplösning och enhet
  • Resultat:
    • Besökaren får alltid anpassat innehåll beroende på skärmupplösning och enhet
    • Besökare kan surfa till webbplatsen med surfplatta, smartphone eller dator

 Front-end ramverk Bootstrap

Bootstrap är en fri samling av verktyg 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 innehåller också CSS-mallar för responsiva webbplatser. Tack vare detta går det lätt att bygga en responsiv webbplats. Läs mer om Bootstrap här »

  •  Motivering:
    • Mycket tidseffektivt att utveckla med.
    • Möjliggör kvalitetshöjning och standardisering av struktur i gränssnitt.
  • Resultat:
    • Konsekvent struktur i gränssnitt.
    • HTML5 och CSS3 standarder.
    • Heltäckande ramverk som följer standardrekommendationerna för responsive 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:
    • Stöd för grafiska effekter som animeringar, skuggningar, rundade hörn osv.
    • Kortare utvecklingstid då behovet att stödja samtliga webbläsare försvinner.
    • Minimerar behov att skapa 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 tilltalande webbplats.

Betrodda och säkra webbplatser enligt OWASP rekommendationer

Open Web Application Security Project (OWASP) är en öppen global organisation som arbetar för säkerhet i mjukvaruapplikationer, främst webbapplikationer. OWASP har tagit fram ett antal punkter och rekommendationer man bör följa när man utvecklar mjukvaruapplikationer och webbplatser för att hålla en hög säkerhet mot kända hackermetoder och tekniker. Läs mer om OWASP här »

  • Motivering:
    • Möjliggör en hög säkerhet av webbapplikationer.
    • Minskar risken att utsättas för kända hackerattacker.
  • Resultat:
    • Testa webbapplikationer enligt OWASP topp 10 rekommendationer.
    • Säkra och betrodda webbplatser för besökare.

Testa alltid tillgängligheten mot W3C

World Wide Web Consortium (W3C) arbetar med att utveckla tekniska protokoll, standarder och programvara för webben med målet att genom ett öppet samarbete leda Internet till dess fulla potential. Läs mer om W3C här »

  • Motivering:
    • Möjliggör en webbplats som följer rekommendationer för standarder inom tillgänglighet för personer med nedsatthet (syn och läsfel).
  • Resultat:
    • Enkelt att testa webbplatsen mot W3C validering och se att man uppfyller rekommendationer.
[rt_heading style=”” align=”” mobile_align=”” size=”h3″ font_color_type=”” font=”” custom_font_size=”” link=”” link_open=”_self”]Läsvärda artiklar om webbutveckling[/rt_heading][blog_box list_layout=”1/4″ layout_style=”grid” use_excerpts=”true” pagination=”true” ajax_pagination=”true” list_orderby=”date” list_order=”DESC” categories=”7″ show_date=”true” show_author=”false” show_categories=”false” show_comment_numbers=”false” hide_featured_images=”” featured_image_resize=”true” featured_image_max_width=”0″ featured_image_max_height=”0″ featured_image_crop=”false” item_per_page=”4″]
[rt_heading style=”” align=”” mobile_align=”” size=”h3″ font_color_type=”” font=”” custom_font_size=”” link=”” link_open=”_self”]Referensprojekt inom webbutveckling[/rt_heading][portfolio_box list_layout=”1/4″ layout_style=”grid” item_style=”style-1″ remove_paddings=”” remove_buttons=”” filterable=”true” pagination=”true” ajax_pagination=”true” list_orderby=”date” list_order=”DESC” categories=”124″ featured_image_resize=”true” featured_image_max_width=”0″ featured_image_max_height=”0″ featured_image_crop=”false” item_per_page=”4″]
Nyheter, Webbutveckling , , , , , ,
About Johan Åhlund
Johan är en kreativ kommunikatör och copywriter med fotointresse. Johan trivs som allra bäst när han får skapa kreativa budskap. Gärna med SEO. Att ta fram texter och budskap kittlar honom på rätt ställen. Desamma gäller för konverteringar och teamwork. Hör av dig, Johan är social och ofta fikasugen. :)

Leave a Reply

Din e-postadress kommer inte publiceras. Obligatoriska fält är märkta *

Denna webbplats använder Akismet för att minska skräppost. Lär dig hur din kommentardata bearbetas.

SWITCH THE LANGUAGE
Nyhetsbrev

Registrera dig till vårt nyhetsbrev, fullt med inspiration, case, och tips som kan öka din lönsamhet!