HTML i utvecklingsprocessen

Date
2016-11-08
Category
FastTech
Written by
Tatyana Aptrakhmanova

HTML i utvecklingsprocessen

Hypertext Markup Language (HTML) är ryggraden i alla webbaserade system, och utan det skulle webbsidor inte existera. Det är av yttersta vikt att varje webbplats som vi utvecklar är välorganiserad och med de senaste HTML och CSS standarderna.
Sidlayouterna kan variera – de kan vara statiska eller responsiva. Skillnaden ligger i hur layouten ser ut när sidan visas på olika enheter.

En statisk layout har en bestämd bredd, vilket innebär att den ser likadan ut oavsett vilken enhet du använder och oftast bidrar detta till en horisontell scrollning på mindre skärmar. Sidan anpassar sig inte alls till en enhets upplösning och kommer därför se ut som desktopversionen, vilket är väldigt osmidigt när man t.ex. försöker nå sajten via en mobil.

En responsiv layout anpassar sig efter användarens skärmupplösning och plattform, vilket gör den smidig för alla enheter. När vi skapar en responsiv design arbetar våra utvecklingsexperter med gränssnittet för att fastställa de bästa sätten att modifiera och justera grafiska element, navigering och innehåll som bygger på bästa praxis och optimal användarupplevelse.

För att öka utvecklingstakten och göra koden mer organiserad och lättare att underhålla använder vi flera olika verktyg och instrument:

  • CSS Preprocessorer (LESS, SASS)

  • CSS Preprocessore  (PostCSS, Autoprefixer)

  • Task Runners (Grunt, Gulp)

  • Package managers (Bower)

När vi programmerar väljer vi de teknologier och ramverk som  är mest lämpliga och effektiva för det specifika projektet, baserat på krav och restriktioner. De mest populära är:

  • Bootstrap

  • 960 Grid System

  • Bourbon (Neat ,Refills)

För att bringa de mest kreativa och intressanta idéerna till liv vi använder vi den senaste moderna tekniken i vårt arbete: CSS3 effekter och animationer, HTML5 element och kontroller, SVG ikoner och animationer etc.

Nyheter

Se alla