Simon's public fiddles
-
Basic bar
author(s): Torstein Hønsi
-
Highcharts Demo
author(s): Torstein Hønsi
-
Highcharts Demo
author(s): Torstein Hønsi
-
Highcharts Demo
author(s): Torstein Hønsi
-
Highcharts Demo
author(s): Paweł Fus
-
Highcharts Demo
author(s): Paweł Fus
-
Highcharts Demo
author(s): Torstein Hønsi
-
Basic column
author(s): Torstein Hønsi
-
Column, line and pie
author(s): Torstein Hønsi
-
Dynamic Class Bootstrapping
No-Library (pure JS), HTML, CSS, JavaScript
-
Semantic Accordion Tabs
Simple near CSS-only Solution for an ineraction element that swaps between accordion and tab functionality.
-
Ordered list multiline text indentation
jQuery 3.3.1, HTML, SCSS, JavaScript
-
Simple overlapping Display Toggle
jQuery (edge), HTML, SCSS, JavaScript
-
Simplest horizontal Gallery ever
A basic gallery using flexbox
-
CSS Loading Spinner
A simple Loading throbber using CSS only
-
Fluidly Scaling Text
By using viewport units with font-size
-
Item alignment with flexbox
No-Library (pure JS), HTML, CSS, JavaScript
-
Vertical Centering
Fancy CSS trick to vertically center an item inside a container.
-
Fancy absolutes
Small case study for a design we implemented.
-
Continuous CSS transition
Example of how to implement a continuous css transition on hover of an element. This means instead of reversing the transition after hovering as it would happen normally, you continue the transition in a second step to its original state.