A responsive nav that folds without any JavaScript
A checkbox, a label and a sibling selector. Works with scripts disabled, ships nothing to parse, and cannot break on a slow connection.
Tagged “javascript”
6 entries
Donut chart in SVG using arcs
Proportions of a whole, drawn with stroked arc paths. Includes the one case that breaks every naive implementation: a single slice at 100%.
Horizontal bar chart in SVG
For ranked lists — top pages, top referrers, top earners. Horizontal because labels are words, and words do not fit under a vertical bar.
Detect an ad blocker without picking a fight
A bait element and one class toggle. Ask, do not block — a wall costs you the visitor and the search ranking.
Draw a line chart in SVG with no JavaScript
Server-rendered SVG with native tooltips. No chart library, no CDN, no build step — which is what makes it portable to a site you hand to someone else.
A popunder that actually opens behind the page
The swap technique, plus the one line that stops the visitor's own click from cancelling it — the reason most popunder code silently loses the traffic it was supposed to send.