Submission timeline
2007–2026One slot for every year since HN launched. Height is that year's peak points; orange marks a 100+ point or 50+ comment breakout. Select a bar to open its strongest thread.
First comments on top threads
HN comment orderI haven't seen so much nay-saying on HN in a while. It's like because there's an artistic element this or it's pure-web tech the appreciation of a cool hack and interesting exploration of a technology is completely gone. This is a classic example of a "hack", pushing CSS slightly beyond what it was intended for and potentially what is practical. But it's beautiful and clever, and if you truly can't appreciate it, that's sad.
The thing I'm always surprised about with these sort of CSS hacks: they don't lag my browser. Like, at all. Even the animated ones! Which is really surprising when you compare them to literally any other way these illustrations could have been created. A sufficient mess of procedural Javascript to render the same designs would lag horribly. The equivalent Flash would make the browser choppy as all hell. As would a Java applet, if those were even still around. (SVG…
This reminds me of something that was posted once, that I haven't been able to find again: A demo where a page returned content, but if you viewed the source it was 0 bytes. If I remember right, it took advantage of a feature that let you reference CSS through the HTTP headers (so it wasn't in the HTML), then the CSS added things to implicit required elements the browser would add to the page.
Wonderful! This made my day. I'm looking forward to learning more about Lynn Fisher and her art.
The first top-level comment from each of the four biggest threads, in HN’s own order. Excerpts are shortened; open a comment for full context.
- Breakout years
- 3
- Total points
- 1652
- Total comments
- 317
100+ points or 50+ comments
reference only — not used in Hall rules or ranking
reference only — not used in Hall rules or ranking
Every submission
| Date | Title as submitted | By | Points | Comments |
|---|---|---|---|---|
| 2014-08-26 | A Single DivFirst breakout · Best thread | brbcoding | 649 | 140 |
| 2016-06-21 | A Single Div | axg | 3 | 0 |
| 2016-06-28 | A Single Div: CSS icons rendered with one div element | Rauchg | 4 | 0 |
| 2016-06-30 | A Single Div | joeyyang | 7 | 0 |
| 2016-07-14 | A Single Div | duck | 535 | 106 |
| 2020-06-08 | A Single Div: open your web inspector | tambourine_man | 1 | 0 |
| 2020-06-14 | A Single Div: a CSS drawing project | baylearn | 3 | 1 |
| 2020-06-25 | A Single Div: a CSS drawing project | federicoponzi | 2 | 0 |
| 2020-07-07 | A Single Div: a CSS drawing project | bennettfeely | 2 | 0 |
| 2021-04-22 | A Single Div | panic | 1 | 0 |
| 2022-09-20 | A Single Div: A CSS Drawing Project by Lynn Fisher | dannypostma | 2 | 0 |
| 2023-10-17 | CSS Arts using only background gradient on a single div element | antran22 | 3 | 0 |
| 2024-02-05 | A Single Div – CSS drawing experiment to see what's possible with a single div | throwup238 | 2 | 0 |
| 2024-03-22 | Single div: CSS only showcase | KolmogorovComp | 3 | 0 |
| 2024-03-23 | A Single Div: a CSS drawing project | goranmoomin | 2 | 1 |
| 2024-05-02 | A Single DivHall induction · Latest 20+ point return | techedlaksh | 433 | 69 |