Gust's public fiddles
-
Responsive CSS value generator
This is a script that generates a bunch of CSS media-queries in which a selector has a property whose value is responsive. Ready to be copy-pasta'd into your stylesheet
-
Column gutter CSS generator
This is a script that generates a chunk of CSS that defines a set of classes that can be used when making use of columns. Ready to be copy-pasta'd into your stylesheet
-
'Better' rounded corners
Self explanatory. Made because of https://medium.muz.li/optical-effects-9fca82b4cd9a
-
9vdd37hL
jQuery 3.2.1, HTML, CSS, JavaScript
-
6uaugb32
No-Library (pure JS), HTML, CSS, JavaScript
-
Column CSS generator usage example
The way the framework works is pretty self-explanatory. Applying margins can be done to either the left or right sides with .col-ml-* and .col-mr-* or to both sides at once with .col-m-*
-
Column CSS generator
This is a script that generates a chunk of CSS that defines a set of columns. Ready to be copy-pasta'd into your stylesheet
-
euewzq2b
No-Library (pure JS), HTML, CSS, JavaScript
-
CSS-Mask Button Hover Animation
An edit of this very messy Codepen: https://codepen.io/pizza3/pen/qmerBv
-
77m72c6g
No-Library (pure JS), HTML, CSS, JavaScript
-
7d2Lajs0
jQuery 3.2.1, HTML, CSS, JavaScript
-
SVG paths absolute coordinates to relative
This script uses Snap.svg.js' toRelative() function to convert absolute coordinates to relative ones
-
e8bd7oh5
No-Library (pure JS), HTML, CSS, JavaScript
-
v6pw6tox
jQuery 3.2.1, HTML, CSS, JavaScript
-
Full Screen Canvas
No-Library (pure JS), HTML, CSS, JavaScript
-
Copying Classes from <col> to corresponding <td>
Title says it all
-
pyr1hyLg
jQuery 1.9.1, HTML, CSS, JavaScript
-
abbfouf3
jQuery 1.9.1, HTML, CSS, JavaScript
-
w7c6jut9
jQuery 2.2.4, HTML, CSS, JavaScript
-
1Lf439td
jQuery 2.2.4, HTML, CSS, JavaScript