Bygg kampanjsidor med Zurb Foundation Framework

När det kommer till att bygga fantastiska kampanjsidor som ska fungera både för mobil och dator är det inte alltid lätt att veta var man ska börja. På Mopper har vi prövat det mesta. Allt från “drag-n-drop”-lösningar till att bygga helt själva från grunden.

Nu har vi hittat en favorit – Zurb Foundation.

Vi bygger de mesta av våra kampanjsidor med antingen Html5Boilerplate Mobile eller med Zurb Foundation Framework. Båda är väldigt robusta och är olika bra på olika saker.

Zurb Foundation är en tolvkolumnsgrid med fluid layout som anpassar sig till dator, surfplatta och smartphone. En smart funktion är att du kan välja vilka klasser som ska visas i vilken enhet. Om ni kollar in http://mopper.se, så ser ni Zurb Foundations ramverk placerat över WordPress. Testa gärna att göra browserfönstret mindre, likt en mobil, för att se vilka klasser vi väljer att visa och dölja beroende på dator eller smartphone.

Zurb Foundation har också bra knappar, en JS-slider, en jQuery-modal och en komplett CSS-grund.

Hur föredrar ni att börja med kampanjsidor? Berätta i kommentarerna!