ARCHIVE FILE
En titt på et minimalt CSS-rammeverk
Når det gjelder CSS-rammeverk er Bootstrap utvilsomt kongen på haugen. Bootstrap har gjort det enkelt for programmere å lage avanserte websider som ser ganske bra ut. Det er ikke noe man skal kimse av, for det er slett ingen enkel sak å lage pen og funksjonell design, og en god programmerer er sjelden en god designer.
Det er ingen tvil om at Bootstrap er bra, men det er ingen grunn til å se seg blind på alternativene som til stadighet dukker opp. En av disse er en nykommer kalt BareKit, som lover å være det minste rammeverket på markedet.
BareKit leveres kun med CSS for posisjonering og visning. Det er ment å gi deg et utgangspunkt for å lage et responsivt oppsett, og det er opp til deg å bestemme hvordan nettsiden skal se ut. Av funksjonalitet er kun det mest nødvendige inkludert, hvilket inkluderer følgende:
- Responsivt rutenett
- Mixins for «media queries»
- Accordion-menyer
- Dropdown-menyer
- Styling for avkryss- og radiobokser
- Modaler
- Off-canvas for menyer og innhold som skyves til siden
- Tabber
- Enkle verktøyklasser for ting som tekstjustering, posisjonering, lister og skjuling/visning samt den obligatoriske clearfix.
Her har jeg laget et enkelt oppsett basert på Barekit: http://barekit.herokuapp.com/. Jeg har lagt til parallax-effekt (bildet på toppen av siden forskyves litt oppover når du skrolller ned, modalvisning (klikk på screenshot og bildet popper opp i en 100%-modal) og pakket det hele sammen slik at det skal kunne lastes raskest mulig på mobile enheter. Kildekoden er tilgjengelig via github her: