Hvad er et framework?
Et framework er en platform, der består af færdige kodeelementer, der kan bruges til at opbygget et design og funktionalitet på en hurtig og struktureret måde. Framework er med andre ord, kode som andre har lavet for dig. Det kan bruges og man kan tilpasse som man har lyst til. Med et framework skal man ikke starte fra bunden, da alle CSS klasser, HTML markup og JavaScript scripts er lavet for os. Der findes en række forskellige Open source frameworks, både til frontend, men også backend, som man kan benytte sig af.
Fordele
-
Man kan let få opsat et design, der ser godt ud
- Mange funktioner er i forvejen lavet
- Det er brugervenligt og responsivt
Ulemper
- Det kan være vanskeligt at lave noget unikt
- Det tager lang tid, at sætte sig ind i hvordan et framework virker
- For meget unødvendig kode, der kan sløve hjemmesiden
- Man kan nemt binde sig fast til det og ikke lære andet kode
- Man kan ikke være sikker på koden ikke er hacket.
Lokal eller hostet installation
Hvis du har dit framework lokalt, på samme server som dit website, så har du bedre overblik over sidens filer. Hvis din hjemmeside virker, betyder det at den har adgang til frameworket. Ved brug af framework lokalt, gør det dig i stand til at kunne videreudvikle og teste din side uden internetforbindelse. Hvis du derimod vælger et hostet framework, som ligger på en helt anden server på nettet er du mere afhængig af drift og hastighed på den valgte server.
Et komprimeret framework eller ej?
Med Bootstrap kommer der en masse unødvendig kode, som gør koden rigtig lang og siden rigtig langsom. Derfor er det en fordel, at bruge en komprimeret CSS fil, hvor alle de unødvendige elementer er fjernet, da det er med til at øge hastigheden på sitet, ved at browseren ikke skal læse så meget kode. En komprimeret version af koden giver et bedre overblik.
Bootstrap
Bootstrap er et frontend framework bygget til mobilefirst, som man bruger til at bygge hjemmesider i. De er samtidig responsive. Bootstrap har et helt bibliotek af komponenter, der indeholder forskellige former for typografi, knapper, navigation og meget andet.
Bootstrap indeholder HTML, CSS og Javascript filer.
Grids i Bootstrap
Bootstrap er baseret på et gittersystem, der bruger 12 kolonner uanset enhedens størrelse. Grids systemet fungerer som et slags skelet, man kan bygge ud fra. Ved at designe i Grids, kan du skabe fleksible layouts, med et visuelt hierarki af information.
Bootstrap regler:
- Rækker skal oprettes i en container fixed-width eller container-fluid for at fungere korrekt.
- Kolonner indsættes i row
- Brug altid indbyggede klasser som row og col
- Når et element oprettes angives hvor mange kolonner den skal fylde i forskellige breakpoints, ved brug af eksempelvis col-sm- 12 og col-lg-6. Det betyder, at den skal på en small skærm(sm) fylde 12 kolonner, og når vi kommer op i en stor skærm (lg) skal den fylde 6 kolonner.
Bootstrap beakpoints
- xs – mobilversion
- sm – tabletversion
- sm – tabletversion
- lg – større skærme
