Pieter's public fiddles
-
3 column slider
jQuery 2.1.3, HTML, CSS, JavaScript
-
3 column slider
jQuery 2.1.3, HTML, CSS, JavaScript
-
e33ncfar
No-Library (pure JS), HTML, CSS, JavaScript
-
4syz224s
No-Library (pure JS), HTML, CSS, JavaScript
-
Slidebar left
jQuery 2.1.3, HTML, CSS, JavaScript
-
5nwLL6fs
No-Library (pure JS), HTML, CSS, JavaScript
-
Mobile slide navbar
jQuery 1.11.0, HTML, CSS, JavaScript
-
Non-rectangular website background lay-out
No-Library (pure JS), HTML, CSS, JavaScript
-
Responsive animated navbar
HTML5, CSS3, fully responsive, minimal, animated
-
Fully centered (multi-line) text
No-Library (pure JS), HTML, CSS, JavaScript
-
1nyzwnqp
No-Library (pure JS), HTML, CSS, JavaScript
-
Bootstrap 3 accordion chevron icons
Toggle accordion chevrons in Bootstrap 3
-
Responsive 3/2 column lay-out
Originally a 1 column lay-out, with 3 subcolumns. When the "execute" button is clicked, it becomes a 2 column layout, with the 3 subcolumns displaying underneath each other. When "reset" is clicked, the lay-out reverts back to its original state.
-
Metal background
No images used, pure CSS!
-
Animated loading glyphicon
No-Library (pure JS), HTML, CSS, JavaScript
-
Responsive 3 column lay-out
Mobile, the 3 columns should be full screen width. When on bigger screens, they should be placed next to each other, each taking 1/3rd of window width.
-
Bootstrap 3 accordion chevron icons
Toggle accordion chevrons in Bootstrap 3
-
Header with glyphicon
Chrome, IE: no problem Firefox: glyphicon and header text not inline