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 3y 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 3y agoAfter examples showcased at https://a.singlediv.com/ https://a.singlediv.com/, I would not be surprised by anything...
- kennedy 3y agowow these are beautiful
- prng2021 3y agoJesus this is insane
- somishere 3y agoEpic. Tho where are the next level hover states?!
- throwaway14356 3y 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 3y ago:D
- dieselgate 3y agoThat was pretty far out on mobile
- brailsafe 3y agoThat's not fair, they clearly have illustration skills ;)
- doublerabbit 3y agoI see multiple <divs> in the source of that site. That's not a single div.
- azangru 3y agoEach image on that page is created with just a single div.
- doublerabbit 3y agoMaybe each image; but still not a single div.
- gigglesupstairs 3y agoWow. Thanks for sharing.
- jdorfman 3y agoHer work is mind blowing. The dusting zone is my new favorite game https://thedusting.zone/ https://thedusting.zone/
- moritzwarhier 3y agoAaah that one was great, thank you for reminding!
- nkozyra 3y agoThis is a 404, btw. Private repo?
- archiewood 3y agooops well i just saw this took off and have made it public - thanks
- pimlottc 3y 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 3y agoI can’t see the repo, Archie
- cantSpellSober 3y ago> one div <html> and <body> accept pseudo-elements. Why add such bloat?!
- dspillett 3y agoThat link currently 404s, and doesn't seem to be listed when manually navigating up to the user repository list.
- oldsecondhand 3y agoLink is broken for me (404).
- duxup 3y agoI am both horrified and impressed.
- danShumway 3y 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 3y 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 3y 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 3y agoI’m getting 404. Is it because I’m not logged in?
- archiewood 3y agorepo was private, now public!
- chris_wot 3y agoGetting a 404
- afiori 3y agoCool, is the div necessary? Could you style the <link>?