Erik_J's public fiddles
-
Fully center an Iframe in its container
Table-cell applied on the container so the iframe is the content According to specs the browser will insert dummy elements where it needs to render the cell correctly and fully centre and to contain its content and if it need, grow with it.
-
Slanted borders using pseudo elements
Slanted borders using borders on pseudo elements. Compatible with old browsers.
-
kavrab86
No-Library (pure JS), HTML, CSS, JavaScript
-
08sutbme
No-Library (pure JS), HTML, CSS, JavaScript
-
w6jcrwa4
No-Library (pure JS), HTML, CSS, JavaScript
-
Adaptive CSS Tooltip
Pure css custum tooltip that does not overflow text container's left or right edges.
-
Responsive Map Locations Overlay
Map image with a location overlay. Responsive to window resizing keeping relative positions.
-
CSS Make Input and Reset Mimic Radio-buttons
No-Library (pure JS), HTML, CSS, JavaScript
-
Accessible Pure CSS Dropdown Menu
Three level dropdown, accessible with a wobbly mouse and also with the tab key.
-
CSS tooltip vs HTML tooltip
HTML 5 data-attribute shown by CSS compared with the HTML title-attribute delay.
-
CSS Table-cell Menu Hoover-color Covered
CSS display table menu with line-wrapped anchor's hover-color covers the whole of its table-cell parent.