Erik_J's public fiddles
-
Lt50npjv
No-Library (pure JS), HTML, CSS, JavaScript
-
oc5zLp1j
No-Library (pure JS), HTML, CSS, JavaScript
-
eyu9caqn
No-Library (pure JS), HTML, CSS, JavaScript
-
Fake Background Offset
No-Library (pure JS), HTML, CSS, JavaScript
-
efdgks2w
No-Library (pure JS), HTML, CSS, JavaScript
-
zmvq63e4
No-Library (pure JS), HTML, CSS, JavaScript
-
xgd4ry7n
No-Library (pure JS), HTML, CSS, JavaScript
-
y4ekL7af
No-Library (pure JS), HTML, CSS, JavaScript
-
Make single word bold
Using float to make bold only the last word in generated content coming before text in div.
-
Full-screen HTML5 Video Background Blur
No-Library (pure JS), HTML, CSS, JavaScript
-
Table scroll, Fixed headers
Vertical and horizontal scroll table with re-sizable columns and sticky left and top headers
-
Nav Using White-space Item Dividers
The dividers are :after pseudo inline elements. Their content is one regular whitespace only. The visual divider figure is the element's background; color or image.
-
Remove last bar between links in nav
This demo uses Unicode Bidi Overrides to target the line wrap: Give the list block one textline direction, have a list psuedo element generate a cover at the far line-start and insert a unicode character that embeds the opposit direction. The difficult is to adjust the cover properly.
-
Table Horizontal Scroll
Table with fix left header column and horizontal scrolling the rest. Pure CSS version
-
tkzomz0g
No-Library (pure JS), HTML, CSS, JavaScript
-
ft3y65tn
No-Library (pure JS), HTML, CSS, JavaScript
-
en2atqqz
No-Library (pure JS), HTML, CSS, JavaScript
-
Accessible Positioned Tooltips
Tooltip boxes has a title head and a body content. They can be positioned reletive their container.
-
Ul Disc Position Indented
No-Library (pure JS), HTML, CSS, JavaScript
-
g39vnahs
No-Library (pure JS), HTML, CSS, JavaScript