CSS Grid Layout – en ny måte å designe nettsider på

CSS Grid Layout er en ny layoutmodul i CSS. Dette er den første CSS-modulen som er spesifikt laget for å bygge sidelayout. Med CSS Grid kan vi posisjonere elementer i 2 dimensjoner, kolonner og rader (i motsetning til Flexbox hvor du må velge kolonner eller rader). Et lite eksempel på CSS Grid Layout  <div class=»container»> […]

Sentrere innhold horisontalt og vertikalt med CSS (Flexbox)

Det finnes ulike måter å sentrere innhold vertikalt på. En ofte brukt metode er å sette position:absolute og transform (for å flytte elementet), med de utfordringer som da kan oppstå (avhengig av hvor du gjør det). Dette kan fungere ok i mange situasjoner, men har du jobbet med absolute-posisjonerte elementer så vet du at det […]

Multi-state objects i Adobe Captivate CC 2017

Multi-state objects i Adobe Captivate CC 2017 kan brukes hvis du ønsker at et element skal endre form, farge, størrelse, innhold, tekst eller lignende. avhengig av hva brukeren har klikket på. Alt foregår på samme slide, noe som gjør vedlikehold og funksjonalitet enklere. Forandre et objekt med et klikk – alt på samme slide Du starter […]

picture i HTML5 – serverer du brukerne for store bilder?

Det finnes en rekke utfordringer knyttet til det å utvikle en responsiv nettside, hvordan vi tilpasser bilder til ulike skjermoppløsninger på en effektiv måte er definitivt en av disse. Med taggen picture har du nå mulighet til å løse denne utfordringen på en ny og mer optimalisert måte. Eksempel på responsive bilder i HTML med picture: Kjenner […]