Pure CSS. Invalid HTML. Nice job tho. Now just need to make it in 3D.
I wasn't going to mention the invalid HTML. Thank you for doing it.
Pure CSS Website
41–50 of 103 posts
Re: Pure CSS Website
#42Nice work! It’s possible to get rid of even that single div - https://35bytes.maczan.pl/
Yeah I was about to mention that there was no need for the div, the body selector should be enough.
You could even remove the link tag and use the link header in the http response instead https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Li...
Re: Pure CSS Website
#43well 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).
You could embed JS into CSS in 1999 in IE5 so CSS has always been a lot of "you can do a lot of weird things."
Re: Pure CSS Website
#44And none of the text is selectable :(
You shouldn't actually build your entire website in CSS -- it's going to be inaccessible no matter what because CSS isn't really for content.
But it's cool to see what's possible, mostly because learning how to overcome these challenges to use a tool in a way it shouldn't be used often requires you to learn more about how the tool works. That the tool is ill-suited is the point.
Of course, not that there isn't value in you pointing out that CSS content isn't accessible :) -- I have seen developers get tripped up by that in production settings particularly when building things like hover labels, so a reminder is always appreciated.
Re: Pure CSS Website
#45well 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?
The ease of dropping in a "useState" and high-ish performance js engines has made high-level CSS wizardry a bit of a lost art.
Re: Pure CSS Website
#46I 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
Nice! 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.
Re: Pure CSS Website
#47[flagged]
Re: Pure CSS Website
#48I 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
I’m getting 404. Is it because I’m not logged in?
Re: Pure CSS Website
#49And none of the text is selectable :(
Noticed the same. Would be interested to know what the page is like for people who use screen readers. Does the whole page seem blank for them?
Re: Pure CSS Website
#50Previous work in this field:
https://mathiasbynens.be/demo/css-without-html - completely empty html, doesn't seem to work on Mac Safari any more, does work on Firefox for me. See https://css-tricks.com/using-css-without-html/ if you want to know how it works.
https://web.archive.org/web/20160420232319/cj-johnson.github... (original copy defunct) - kinda broken now, the source is just a single (if you ignore all the stuff the Wayback Machine adds)