Addiva

Producerat wordpresstema

%

Design

%

Programmering

Projektet

Addiva kände att det var dags att uppdatera sin hemsida, och jag blev en del av teamet. Det främsta arbetet som jag genomförde var bland annat att skriva CSS. Jag tillverkade en del ”specialeffekter” (t.ex. hover på menyn), och jag skrev även ett HTML template som vi sedan baserade sidan på. Ett av de klassiska problemen som jag stötte på var hur man hanterar layouten när man har X antal knappar (eller dylikt) och ska bestämma bredden på dessa. Man kan ta det här från två olika håll; JavaScript eller CSS. Problemet som uppstår om man löser det här via JavaScript, är att du löser ett layoutproblem med uträkningar som egentligen borde användas till funktionalitet. Men hur undviker man detta? Jo, efter några timmars Googling hittade jag ett relativt modernt sett att lösa det på. Flexible Box Layout är bara några år gammalt, och det gör hantering av layout så mycket effektivare. Allting blir så mycket bättre! Helt plötsligt så blir inte all layout som man gör med CSS ett hack.

Detta applicerades alltså på hemsidan.

Lärdomar

  • +Arbeta i strukturerad arbetsmiljö med versionshantering
  • +Hur man blir en CSS-ninja
  • +Hur man använder CSS Flexbox

 

/Tobias Skarhed

Addiva.se

Visa sidan