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
> one div
and accept pseudo-elements. Why add such bloat?!
Pure CSS Website
21–30 of 103 posts
Re: Pure CSS Website
#22well it's not hard to believe given that it doesn't seem to have anything but that one paragraph of text and then the animated sentence at the top am I not seeing something else?
Yeah, that was exactly my thought too, but then I've been doing web dev for 20 years so obviously it wouldn't come as much of a surprise to me that this is possible.
I guess not all people are in the same boat though, and I suppose it is quite cool how much can be done with CSS these days! (not that you would necessarily want to).
Re: Pure CSS Website
#23If you have browser extensions that make additional div, it looks weird: i.imgur.com/glCfzkj.png
Consider adding https:// at the start of the URL to make it clickable.
Re: Pure CSS Website
#24I 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
That link currently 404s, and doesn't seem to be listed when manually navigating up to the user repository list.
Re: Pure CSS Website
#25I 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
After examples showcased at https://a.singlediv.com/ , I would not be surprised by anything...
That's not fair, they clearly have illustration skills ;)
Re: Pure CSS Website
#26A self-closing div is not valid HTML.
Re: Pure CSS Website
#27And none of the text is selectable :(
[deleted]
Re: Pure CSS Website
#28Nice work! It’s possible to get rid of even that single div - https://35bytes.maczan.pl/
Re: Pure CSS Website
#29Did you see this in the css
@keyframes typewriter {
00.0% { content: "A" }
00.4% { content: "A " }
00.8% { content: "A W" }
01.2% { content: "A We" }
01.6% { content: "A Web" }
02.0% { content: "A Webs" }
02.4% { content: "A Websi" }
02.8% { content: "A Websit" }
03.2% { content: "A Website" }
13.2% { content: "A Website," }
13.6% { content: "A Website, " }
14.0% { content: "A Website, i" }
14.4% { content: "A Website, in" }
14.8% { content: "A Website, in " }
15.2% { content: "A Website, in P" }
15.6% { content: "A Website, in Pu" }
16.0% { content: "A Website, in Pur" }
16.4% { content: "A Website, in Pure" }
16.8% { content: "A Website, in Pure " }
17.2% { content: "A Website, in Pure C" }
17.6% { content: "A Website, in Pure CS" }
18.0% { content: "A Website, in Pure CSS" }
22.2% { content: "A Website, in Pure CSS." }
}Re: Pure CSS Website
#30Earlier quoted context omitted.
After examples showcased at https://a.singlediv.com/ , I would not be surprised by anything...
Epic. Tho where are the next level hover states?!
http://go-here.nl/omg-tables.html
the css is js generated but doesn't need to be