Christoph's public fiddles
-
beL24fqt
No-Library (pure JS), HTML, CSS, JavaScript
-
Galacti Legend Journey
Javascript snippet that counts the missing pieces for the Galactic Legends journey in the mobile game "Star Wars Galaxy of Heroes" from https://swgoh.gg/p/{playerid}/gl-gear-needed/
-
ue8pv1hd
No-Library (pure JS), HTML, CSS, JavaScript
-
swx578aL
No-Library (pure JS), HTML, CSS, JavaScript
-
CSS clock
pure CSS clock using conic gradient and step animations
-
Subway times Myrtle Willoughby
jQuery (edge), HTML, CSS, JavaScript
-
w7or0zhc
No-Library (pure JS), HTML, CSS, JavaScript
-
vkzef4n2
No-Library (pure JS), HTML, CSS, JavaScript
-
nice code input field
An input field that shows you how many characters you have to type with pure CSS (once you set the variables correctly).
-
3objc908
No-Library (pure JS), HTML, CSS, JavaScript
-
Grid template test
No-Library (pure JS), HTML, CSS, JavaScript
-
nicer anchors
No-Library (pure JS), HTML, CSS, JavaScript
-
Scroll indicator
Indicator on the top, that shows how far you scrolled the document.
-
gtvn50ak
No-Library (pure JS), HTML, CSS, JavaScript
-
Accessible input placeholders
Input elements with what looks like ordinary placeholder (but actually proper labels!), without the downside of placeholders in terms of accessibility (problems for screen readers, translating pages and cognitive challenge). Completely without the need of javascript. Some visual sugar added just because.
-
sx0wykaf
Mootools 1.4.5, HTML, CSS, JavaScript
-
chwp5k0q
jQuery 1.7.2, HTML, CSS, JavaScript
-
es3h0n2d
No-Library (pure JS), HTML, CSS, JavaScript
-
v6kgmwj7
Interview question
-
ox3fmswy
No-Library (pure JS), HTML, CSS, JavaScript