Tilbage

Ressourcer

Ofte falder jeg over fede scripts, CSS eller andet, som jeg gerne vil bruge i projekter på et tidspunkt. Dem gemmer jeg her på siden. Du skal være velkommen til at bruge dem.

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å.

 Se mere

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.

 Se mere

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.

 Se mere

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.

 Se mere

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.

 Se mere

Få et childelement til at bryde ud af sin parentcontainer

Jeg fandt en super fed funktion i CSS, hvor du kan bruge box-shadow og clip-path på et element inde i en container for at få det til at fylde hele bredden af sin bedsteforælderbeholder.

 Se mere
Scroll to Top