4 ms·
I built this website to see what was possible with only one div, and a stylesheet. No JS, No other HTML, just CSS. Source: https://github.com/archiewood/pure-
by archiewood 2y ago
I built this website to see what was possible with only one div, and a stylesheet.
No JS, No other HTML, just CSS.
Source: https://github.com/archiewood/pure-css-site https://github.com/archiewood/pure-css-site
- azangru 2y agoAfter examples showcased at https://a.singlediv.com/ https://a.singlediv.com/, I would not be surprised by anything...
- kennedy 2y agowow these are beautiful
- prng2021 2y agoJesus this is insane
- somishere 2y agoEpic. Tho where are the next level hover states?!
- throwaway14356 2y agohttp://go-here.nl/omg-tables.html http://go-here.nl/omg-tables.html the css is js generated but doesn't need to be
- somishere 2y ago:D
- dieselgate 2y agoThat was pretty far out on mobile
- brailsafe 2y agoThat's not fair, they clearly have illustration skills ;)
- doublerabbit 2y agoI see multiple <divs> in the source of that site. That's not a single div.
- azangru 2y agoEach image on that page is created with just a single div.
- doublerabbit 2y agoMaybe each image; but still not a single div.
- gigglesupstairs 2y agoWow. Thanks for sharing.
- jdorfman 2y agoHer work is mind blowing. The dusting zone is my new favorite game https://thedusting.zone/ https://thedusting.zone/
- moritzwarhier 2y agoAaah that one was great, thank you for reminding!
- nkozyra 2y agoThis is a 404, btw. Private repo?
- archiewood 2y agooops well i just saw this took off and have made it public - thanks
- pimlottc 2y agoMight as well just link the hosted CSS file: https://pure-css-site.netlify.app/index.css https://pure-css-site.netlify.app/index.css
- danslinky 2y agoI can’t see the repo, Archie
- cantSpellSober 2y ago> one div <html> and <body> accept pseudo-elements. Why add such bloat?!
- dspillett 2y agoThat link currently 404s, and doesn't seem to be listed when manually navigating up to the user repository list.
- oldsecondhand 2y agoLink is broken for me (404).
- duxup 2y agoI am both horrified and impressed.
- danShumway 2y agoNice! I love seeing stuff like this on HN. Using a solid border for the cursor instead of having it in the text content is a nice touch; because it's separated out you could probably use another animation to get it blinking, too.
- archiewood 2y agoi was kind of messing around with this blinking idea but couldn't get it to render in a way I was happy with would you use another keyframe or did you have something else in mind
- danShumway 2y agoYep, that was my thought, but there might be complications I haven't thought of. This is me guessing without having tried anything. > couldn't get it to render in a way I was happy with I might be repeating something you already noticed, but cursors only blink after you stop typing, so if you weren't delaying the effect until after the typing was done that might have contributed.
- beretguy 2y agoI’m getting 404. Is it because I’m not logged in?
- archiewood 2y agorepo was private, now public!
- chris_wot 2y agoGetting a 404
- afiori 2y agoCool, is the div necessary? Could you style the <link>?