Konstantin's public fiddles
-
6m1cdz0e
No-Library (pure JS), HTML, CSS, JavaScript
-
Style element when data-attribute has not empty value
style if data-highlight is have a value otherwise do nothing: [data-highlight]:not([data-highlight=""])
-
6j59ekun
No-Library (pure JS), HTML, CSS, JavaScript
-
Select all the text in the HTMLElement only by clicking it once (PURE CSS)
using: user-select: all; on the HTMLElement we want to be selectable
-
Style text on image for readability (using background-image with linear-gradient)
No-Library (pure JS), HTML, CSS, JavaScript
-
Simulating Text Strokes with text-shadow / webkit-text-stroke
No-Library (pure JS), HTML, CSS, JavaScript
-
ujk631qe
No-Library (pure JS), HTML, CSS, JavaScript
-
Detect CSS Ellipsis in JavaScript and a title
No-Library (pure JS), HTML, CSS, JavaScript
-
364ae7gh
No-Library (pure JS), HTML, CSS, JavaScript
-
g7vzc9s5
No-Library (pure JS), HTML, CSS, JavaScript
-
::selection pseudo element specificity
Generic rule `::selection` can not be overridden by the more specific rule `p.warning::selection`
-
BUG: Focus event is fired before FocusIN event
No-Library (pure JS), HTML, CSS, JavaScript
-
Player buttons [POC]
No-Library (pure JS), HTML, CSS, JavaScript
-
onvmygp0
No-Library (pure JS), HTML, CSS, JavaScript
-
afgj54x9
No-Library (pure JS), HTML, CSS, JavaScript
-
Using block formatting context with float element
No-Library (pure JS), HTML, CSS, JavaScript
-
Using transform: scale and preserving border-radius
No-Library (pure JS), HTML, CSS, JavaScript
-
Behavior of the position properties like: top, right, bottom, left when specified together
No-Library (pure JS), HTML, CSS, JavaScript
-
padding right doesn't appear on the containing block with overflow-x: scroll;
padding right doesn't appear on the containing block with overflow-x: scroll; It seems that this only happens when child elements have display property set to block. As if you set it to the other value, say inline-block; padding-right is revealed.
-
nek9j7L6
No-Library (pure JS), HTML, CSS, JavaScript