FitWeird

Desktop, laptop, tablet, smartphone, TV og køleskab. Der er skærme med internet overalt. Når man laver webdesign, der skal passe til flere forskellige skærmformater, er det praktisk at vide noget om, ved hvilke størrelser layoutet skal skifte fra f.eks. 3 kolonner til 2 kolonner til 1 kolonne. Det kaldes for breakpoints.

Dave Rupert fra Paravel har lavet en lille bookmarklet, FitWeird, der nemt og hurtigt fortæller, hvor stor skærmen er. Ved at trække browservinduet større eller mindre, kan man dermed nemt finde ud af, hvor det går galt, hvis tingene ser mystiske ud på iPad eller en smartphone. Det gør det nemmere at få indsat de korrekte breakpoints i CSS’en.

Hent FitWeird her.

Portræt af bech

bech

Morten Brunbjerg Bech er frontend udvikler & designer hos TV MIDTVEST, bibliotekar og fritids-illustrator. Mere om mig.

Lyt videre

Relaterede indlæg

Mastodon-kommentarer i Publii

Publii er en static site generator. Det vil sige, at systemet genererer statiske, flade HTML filer, der i udgangspunktet giver begrænset mulighed for interaktion. Der er nemlig ingen server-side scripts, der kan tage…

Fra WordPress til Publii

Bye bye WordPress: 43,5%. Så stor en andel af alle websites kører med WordPress under motorhjelmen ifølge Kinsta. Platformen er massivt populær. Men WordPress styrer for tiden i retning af det, tech-skribent og…

🕺 Anserinus tendinit

Anserinus tendinit er en senebetændelse, man kan få i knæet. Især, hvis man er sidst i 40’erne og forsøger at straffe et dansegulv. Det lærte jeg i fredags, da det stak helt af på en bytur med en flok fædre fra sønnikes…