For those who don't understand. Each image is not in fact an image, it's css styles applied to a single html element. Very impressive. http://i.imgur.com/V8HYrhK.png
[deleted]
A Single Div
61–70 of 146 posts
Re: A Single Div
#62This was really fun challenging myself not to look at the source and thinking thru how I would do each one myself. Things are not as hierarchical as you might expect. Great job!
Re: A Single Div
#63Earlier quoted context omitted.
MalwareBytes doesn't like your link.
Odd, no problem for me. There's a lot of ads on the page , so maybe that's why. Here's another one http://marvelapp.github.io/devices.css/
Cool, thanks for the new link.
You're probably right though. It's the ad-heavy pages that always seem to cause problems.
Re: A Single Div
#64They are really nice but I really don't see the point why they are implemented in css. Most of the images make use of the capability of directly using gradients in the background-image property. Of course it could be easily replaced by the appropriate svg element. For the lollypop shadow I would make use of the 3D transformation capabilities of CSS3. AFAIK svg is only capable of affine transformations (why?) while CS…
> I really don't see the point why they are implemented in css Working within constraints is fun. Art is fun.
Agreed. I think this is less about practicality than it is about creating art with an unconventional set of tools or materials. In that regard I would say the artist pulled off something pretty impressive.
Re: A Single Div
#65Earlier quoted context omitted.
But when you're using CSS to turn one element into three... what is the "whole point", exactly?
You're using CSS. That's the point. Many people still think CSS is still stuck in 2003. It's still limited, but it's come a long way... Heck, with just CSS you can have a webpage react to your turning off the lights on your phone.
Sure... but it's specifically using CSS to add extra elements. So it makes the "just one div" thing feel a little silly. Surely you could do "just no divs" and do the same trick on the tag?
Re: A Single Div
#66Making images in css is like making a game engine in cobol. it wasn't a good language/model to begin with, and this is a particularly difficult application of the subject that only occurs to people because we're stuck with the technology.
Re: A Single Div
#67Making images in css is like making a game engine in cobol. it wasn't a good language/model to begin with, and this is a particularly difficult application of the subject that only occurs to people because we're stuck with the technology.
I think this kind of thing isn't born out of necessity, since we're locked in with the tech, but more because its a challenging experiment that requires some pretty clever CSS to accomplish. You should certainly not do this in the wild.
Re: A Single Div
#68Relevant: http://pattle.github.io/simpsons-in-css/
Re: A Single Div
#69I 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, tha…
Scanning through the comments, it looks like most of the naysaying was downvoted and the comments about how it's neat floated to the top, including yours.
Re: A Single Div
#70Earlier quoted context omitted.
looked at pouet.net. Not sure what I'm supposed to be seeing?
Ok fair point I shouldn't have been so glib as puet is pretty horrible from a web design standpoint. It's a website for the demoscene, where people do stuff like this https://www.youtube.com/watch?v=wqu_IpkOYBg in 177 kilobytes.
Thanks for following up. I had assumed you were talking about some aspect of the site's design so I just looked through the html for a couple minutes before giving up. And now I'm too busy being impressed to feel like a dumbass