Skip to main content

Om Kvib

Kvib er kartverkets digitale verktøykasse. Ved bruk av Kvib jobber vi med en felles kjerne som hjelper oss med god arbeidsflyt og helhetlig brukeropplevelse.

Et designsystem blir aldri helt ferdig, men er et organisk verktøy som utvikler seg utover tid. Har du kommentarer eller har du lyst til å bidra?
Send oss en mail

Kom i gang som designer​

Figma​

For å lage skisser til digitale flater bruker vi Figma. Figma er et effektiv verktøy som brukes til skisser, prototyping, leveranse, kommunisere og hente ut kode. Alt lagres i skyen, fungerer både som applikasjon og i nettleser og trenger derfor ikke å lastes ned. Et supert verktøy for å lettere kunne dele underveis i prosessen og samabeide godt på tvers av fagfelt.

Kartverkets Figma open_in_new

Har du ikke tilgang eller ønsker å få en kort introduksjon til Figma?
Kontakt wanwisa.johnsrud@kartverket.no.

Slack​

Som kommunikasjonsverktøy bruker vi Slack. Slack er et godt verktøy for både chat og kanaler til faggrupper, prosjektgrupper og annet. Kanaler som kan være nyttig for deg er #Kartverkets-designteam, #gen-kvib og #laug-brukeropplevelse.

Kartverkets slack finner du Her open_in_new

UX-møter​

For å sikre helhetlige tjenester og god dialog på tvers av team har vi etablert UX-møter en gang i uka. Ønsker du å bli inkludert i møtene kan du sende en mail til wanwisa.johnsrud@kartverket.no. Velkommen!

Kom i gang som utvikler​

Bruk av CSS​

Ta i bruk @kvib/css via NPM​

For å laste ned og ta i bruk KVIB-CSS, skriv følgende kommando i terminalen:

npm i @kvib/css

Du kan også angi i package.json fila i prosjektet ditt hvilken versjon av @kvib/css du ønsker å ta i bruk, slik at teamet selv har full kontroll når det kommer oppdateringer til biblioteket.

Importer eller legg til link til biblioteket i CSS eller HTML filen i prosjektet.

  • I HTML fil:
<link rel="stylesheet" href="PATH/node_modules/@kvib/css/main.css">
  • I CSS fil:
@import 'PATH/node_modules/@kvib/css/main.css';

Vi anbefaler primært å bundle @KVIB/css sammen med front-end koden deres for å ha full kontroll på tilgjengelighet og versjonering av denne. Dersom dere allikevel ønsker å ta i bruk KVIB-css via et CDN er det for eksempel mulig å benytte seg av jsDeliver Dette er et open source CDN som tilbyr alle pakker offentlig tilgjengelige på npm, inkludert KVIB. Vær da oppmerksom på at dere selv må vurdere risiko ved opptid på tjenesten, og at dere bør hente ressursene med crossorigin=anonymous, for å hindre at CDN-et brukes for å spore brukere rundt om kring på nettet. Mer info om crossorigin finner du på Mozilla developer network

React​

Kommer snart