Velkommen til sandkassa
God dag!
Sandkasse for testing av web-teknologi
-
Web-en for 20 år siden
Vi er nå i 2021. Bildet er "bare" 40 år eldre enn da web-sida ble laget i år 2000! Vår konservative menighet fulgte nok kleskoden som var vanlig i samfunnet ellers 30 år før bildet ble tatt. Web-siden er laget med den gode gamle tabellen. -
Så kom floats
Jippi, vi fikk kolonner. Bootstrap. -
Deretter fikk vi flexbox
Da ble det enklere å sentrere horisontalt og vertikalt. Nettleseren tok over en del av arbeidet. -
For noen år siden kom grids
Nesten tilbake til tabeller igjen? Nei, nettleseren kan gjøre mye av jobben med Auto Placement Algorithms. -
Og kolonner, uten Bootstrap
En linje med css-kode. Nettleseren gjør resten. -
Web-en er ikke som før
I program som PageMaker kunne vi for 25 år siden legge ut tekst som snirklet seg rundt et bilde. Dette kan vi nå endelig gjørei html og css. -
En annen shape
Shape-outside i en tranparent png. Antagelig den enkleste måten å gjøre det på. -
Lag på lag
Overlay i grid. -
Tilpasset skjermen
En side av gangen. Med viewport height og width.