God dag!

Velkommen

Testing av web-teknologi

  • familiebilde

    Web-en for 20 år siden

    Web-siden som denne linken fører til, er fra år 2000 og er laget med den gode, gamle html-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

 

Explanatory note

Draft explanatory statements and a notice of meeting to shareholders

Explanatory note

Companies must lodge annual reports within 3 months of the end of the financial year

Explanatory note

Agm - 40 days

Companies must report the date of the AGM to the ASX 5 business days before the closing date of nominations for election of directors

Explanatory note

Companies must lodge annual reports within 3 months of the end of the financial year

Explanatory note

Agm - 40 days

Companies must report the date of the AGM to the ASX 5 business days before the closing date of nominations for election of directors

Explanatory note

Companies must lodge annual reports within 3 months of the end of the financial year

Explanatory note

Agm - 40 days

Companies must report the date of the AGM to the ASX 5 business days before the closing date of nominations for election of directors

Explanatory note

Companies must lodge annual reports within 3 months of the end of the financial year

 

 

Arrow Using Clip Path

Abc...

Colored Arrow

Arrow with shadow

Rotated arrow

Animated arrow

 

 

Arrow Type 1

Arrow Type 2

Arrow Rotated

Google Fonts Icon

arrow_forward arrow_backward

 

 

 

 

CSS Only Trick

The arrow change its body length while still always point to a certain position, even you resize the widow.

 

 

 

 

Curved Arrow

 

 

 

 

Test using Bootstrap with PACS Styles