Konstantin's public fiddles
-
Animation Timing Function Gets Applied Per-Keyframe in CSS Example
https://www.bennadel.com/blog/3885-animation-timing-functions-get-applied-per-keyframe-in-css.htm
-
kqb6754m
No-Library (pure JS), HTML, CSS, JavaScript
-
pymbtvwz
No-Library (pure JS), HTML, CSS, JavaScript
-
5p0nageh
No-Library (pure JS), HTML, CSS, JavaScript
-
s7va28t0
No-Library (pure JS), HTML, CSS, JavaScript
-
xyda2pun
No-Library (pure JS), HTML, CSS, JavaScript
-
Modal window using <dialog> HTMLElement
with cubic-bezier function
-
Using onstorage event with localStorage
The storage event of the Window interface fires when a storage area (localStorage) has been modified in the context of another document.
-
Promise.allSettled Polyfill
No-Library (pure JS), HTML, CSS, JavaScript
-
creating generic unit for responsiveness using CSS variables
No-Library (pure JS), HTML, CSS, JavaScript
-
Nested counters with headings (h1, h2, etc...)
Elements such as <h1>, <h2> are not nested in a document. They appear as distinct elements but still represent a sort of hierarchy. Here’s how to prepend nested numbers to headings: The h2 counter resets every time an h1 is found. Each <h2> in the document gets a number like x.y. relative to the <h1>.
-
fd2sarnt
No-Library (pure JS), HTML, CSS, JavaScript
-
TikTok API
jQuery 3.3.1, HTML, CSS, JavaScript
-
s4apuw7e
No-Library (pure JS), HTML, CSS, JavaScript
-
4Lvg6aho
No-Library (pure JS), HTML, CSS, JavaScript
-
wp9qe8sy
No-Library (pure JS), HTML, CSS, JavaScript
-
rq9veumd
No-Library (pure JS), HTML, CSS, JavaScript
-
Multi-line highlight effect on text (on hover)
NOTES: for this effect to work, HTMLElement, on which we set this effect, should have display property set to "inline", otherwise this very effect won't work. If we want to adjust its width, we should wrap it into some "block" wrapper
-
Tooltip arrow (using right/left 100% instead of the fixed value)
right: 100%; overwrite: right: auto; left: 100%
-
Names for HTML Elements' classes
Examples of the names for the classes in CSS/HTML