Pens from Martin Larsson https://codepen.io/martinlarsson/ en nospam@codepen.io Copyright 2024 2019-06-03T13:46:10-07:00 Filterskript / Personalsök https://codepen.io/martinlarsson/pen/QRzVZR https://codepen.io/martinlarsson/pen/QRzVZR Martin Larsson

See the Code - See it Full Page - See Details

]]>
Filterskript / Personalsök 2019-06-01T22:12:51-07:00
Sju ikoner per rad https://codepen.io/martinlarsson/pen/MdZqPY https://codepen.io/martinlarsson/pen/MdZqPY Martin Larsson

See the Code - See it Full Page - See Details

Standardlayouten är 6 ikoner per rad men ED behöver 7. Detta fixas till genom ändra regler från sjätte barnet till sjunde. Några marginaler justeras och genom att kolla fönstrets bredd ser vi till att inte förstöra mobillayouten med två ikoner/rad. En resize-lyssnar ser till att stila om varje gång fönstret ändrar storlek. Eftersom att enda sättet för en användare med min behörighet i SiteVision är att lägga till JavaScript är att skapa ett HTML-block så läggs script-taggen i en egen div som tar upp en viss höjd på sidan. Denna döljs med de näst sista raderna där "svid12_xxxx..." är ID för den div script-taggen lägger sig i.

]]>
Sju ikoner per rad 2019-06-03T12:19:30-07:00
Radbrytning, matsedel https://codepen.io/martinlarsson/pen/NVeLLJ https://codepen.io/martinlarsson/pen/NVeLLJ Martin Larsson

See the Code - See it Full Page - See Details

]]>
Radbrytning, matsedel 2019-06-01T22:08:37-07:00
Ämnesfördelning https://codepen.io/martinlarsson/pen/QRzxzG https://codepen.io/martinlarsson/pen/QRzxzG Martin Larsson

See the Code - See it Full Page - See Details

]]>
Ämnesfördelning 2019-06-03T13:46:10-07:00
A Pen by Martin Larsson https://codepen.io/martinlarsson/pen/gEJZPL https://codepen.io/martinlarsson/pen/gEJZPL Martin Larsson

See the Code - See it Full Page - See Details

]]>
A Pen by Martin Larsson 2019-03-27T09:42:48-07:00
Lösningsförslag: Iron Maiden https://codepen.io/martinlarsson/pen/gQGqeg https://codepen.io/martinlarsson/pen/gQGqeg Martin Larsson

See the Code - See it Full Page - See Details

]]>
Lösningsförslag: Iron Maiden 2018-11-21T09:58:15-07:00
Iron Maiden https://codepen.io/martinlarsson/pen/OaRKpo https://codepen.io/martinlarsson/pen/OaRKpo Martin Larsson

See the Code - See it Full Page - See Details

]]>
Iron Maiden 2018-11-12T10:15:21-07:00
Laboration med picture-elementet https://codepen.io/martinlarsson/pen/QZGEZG https://codepen.io/martinlarsson/pen/QZGEZG Martin Larsson

See the Code - See it Full Page - See Details

]]>
Laboration med picture-elementet 2018-10-08T00:15:12-07:00
Outworld responsiv: Lösningsförslag https://codepen.io/martinlarsson/pen/RePPJG https://codepen.io/martinlarsson/pen/RePPJG Martin Larsson

See the Code - See it Full Page - See Details

]]>
Outworld responsiv: Lösningsförslag 2018-10-01T08:19:53-07:00
Semantic elements https://codepen.io/martinlarsson/pen/rZRdQN https://codepen.io/martinlarsson/pen/rZRdQN Martin Larsson

See the Code - See it Full Page - See Details

]]>
Semantic elements 2018-09-21T15:06:36-07:00