Tags:

Author name: kristoffer

Webdesign og udvikling af Stockholm Fintech Week

Design og udvikling af Stockholm Fintech Weeks hjemmeside. Designet er holdt simpelt, cool og tech-ish.

See project

Cool animation med Intersection Observer

Okay, hvordan får udviklere elementer til først at animere, når de bliver synlige på skærmen? Ja, det kan man med lidt Javascript og Intersection Observer, som lyder fancy og det er det sådan set også.

See project

Animering af display fra block til none

Animation af elementer når display er sat til block er ikke specielt nemt, da værdien none bliver sat med i samme øjeblik CSS’en afvikles. Før i tiden skulle man rode med Javascript til den slags, meeeen, nu findes der heldigvis en (forholdsvis) nem løsning med ren CSS, der kan det samme.

See project

Logo designs

Her er en lille serie af logoer, jeg lavede for en række fiktive startup-virksomheder.

See project

Webdesign og udvikling af mariasemlov.dk

Design og udvikling af mariasemlov.dk. Maria ønskede et stilfuldt og roligt design med fokus på indhold og farver.

See project

Hjemmeside for Pine Creek Games

Simpel hjemmeside for Pine Creek Games i ren HTML, CSS og Javascript. Sjov detalje: tjek hero-billedet for parallax-effekt.

See project

Smart trick med flexbox og margin block auto

Margin-block-auto er en smart måde at arbejde hurtigere og mere effektivt med flexbox-elementer.

See project
pii-guard-website-featured

PII Guard hjemmeside

Design og udvikling af PII Guards hjemmeside. Hjemmesiden er bygget med Javascript, CSS og HTML.

See project

Hurtigt kig på nth-of-type

I CSS giver nth-of-type dig mulighed for at vælge elementer udfra deres placering i en container. Dette gør det nemmere at style elementer uden brug af ekstra klasser.

See project

Grid og min-max bredde i CSS

Responsivt layout i CSS kan til tider være hårrejsende irriterende, svært og lidt udfordrende, men nu har CSS fået nogle virkelig fede tricks, der gør det hele en smule lettere.

See project
Scroll to Top