God dag!

Velkommen til sandkassa

Sandkasse for testing av web-teknologi

  • familiebilde

    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.
    Se siden

  • mimmi-som-jente.jpeg

    Så kom floats

    Jippi, vi fikk kolonner. Bootstrap.
    Se siden

  • mor-i-honsegarden

    Deretter fikk vi flexbox

    Da ble det enklere å sentrere horisontalt og vertikalt. Nettleseren tok over en del av arbeidet.
    Se siden

  • mor-pa-landet-farger

    For noen år siden kom grids

    Nesten tilbake til tabeller igjen? Nei, nettleseren kan gjøre mye av jobben med Auto Placement Algorithms.
    Se siden

  • oldefar-mor-baksaas-farger

    Og kolonner, uten Bootstrap

    En linje med css-kode. Nettleseren gjør resten.
    Se siden

  • grapes

    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.
    Se eksempel

  • splatter

    En annen shape

    Shape-outside i en tranparent png. Antagelig den enkleste måten å gjøre det på.
    Se eksempel

  • mor på landet

    Lag på lag

    Overlay i grid.
    Se eksempel

  • farfar

    Tilpasset skjermen

    En side av gangen. Med viewport height og width.
    Se eksempel