Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

A Single Div

a.singlediv.com

Post reply on HN
Print view View original

141–146 of 146 posts

Re: A Single Div

#141

Post by lisper »

talmand wrote: post #134
lisper wrote: post #53

Earlier quoted context omitted.

I don't want to discourage people from playing around with CSS, or even from trying to make scrambled eggs with their hands tied behind their backs. It's good for people to challenge themselves in all kinds of creative ways. But this is supposed to be Hacker News . Making icons in CSS hasn't been newsworthy in a very long time, and I think it's lamentable that something like this is at the top of the home page while…

It might be hard to realize that not everyone who visits the site has been around as long as the site has existed. There's nothing wrong for old content to be revisited; either for new eyes or refresher for old. Plus, I guess I'm sorry the masses don't find some articles as fascinating as you?

OK, OK, point taken. I would have gone back and deleted my comments but it was too late.

Re: A Single Div

#142

Post by collyw »

collyw wrote: post #128

I saw 19 divs when I clicked on view source.

A bit of context would be nice. I gather from the comments this is some neat css hack. Without that, I had no idea what the page is about.

Re: A Single Div

#143

Post by collyw »

justhw wrote: post #59

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

Thanks for actually explaining it. Now I see why my other comment got down-voted.

Re: A Single Div

#144

Post by Eiriksmal »

lloeki wrote: post #116
comrh wrote: post #71

Earlier quoted context omitted.

They do that complete render in 177kb...? I remember crack intros but that's insane. Is this in C?

I don't get the fascination with Farbrausch. While I respect and admire the feat which I'm unable to pull of myself, there are comparatively much better realisations both in terms of art and technique. See the following 64k demos: - chaos theory - https://www.youtube.com/watch?v=ZfuierUvx1A - turtles all the way down - sub dream https://www.youtube.com/watch?v=z48t2R2hEJM - the timeless — https://www.youtube.com/watc…

Rewatching those reminded me of how phenomenal Demovibes 9 is: http://www.demovibes.org/dv_info.htm

As far as the Farbrausch comment, I think the appeal of Debris, in particular, is the stunning audio component of the demo. Chaos Theory is beautiful, but the audio/video components don't feel as tightly integrated as some of Farbrausch's work.

Re: A Single Div

#145

Post by Tloewald »

masklinn wrote: post #89
Tloewald wrote: post #83

Earlier quoted context omitted.

It's amazing how CSS lets you do stuff like this but still can't center things easily. Nice demo by the way, but why on earth did you use an id rather than a class?

> It's amazing how CSS lets you do stuff like this but still can't center things easily. It's trivial to do if you can use flexbox. And I do mean trivial , we're talking 3 properties including "opting into" flexbox: http://jsfiddle.net/1vd9xLdy/ (note: didn't bother with prefixes or older syntaxes so IE >= 11, Firefox >= 28, Chrome >= 29, Opera 12.1 or >= 19)

It's not vertically centered in the window, and that's using a CSS feature that's only fully-supported in IE11. This trickery is all box shadows and border radii, which go back to IE8.

Flex box is great, but it's interesting that CSS implemented gaussian blurred inset shadows and 3d transforms before it addressed centering (incompletely).

Re: A Single Div

#146

Post by gpvos »

Nullabillity wrote: post #121
gpvos wrote: post #111

Earlier quoted context omitted.

While that may be true for this site, I do think CSS could be very useful for icons, since the it's infinitely zoomable, and a PNG isn't.

SVG? Vectorized, far better browser support than advanced CSS, advanced WYSIWYG editor support.

SVG is another obvious contender, but it needs a separate file (or a cryptic data url), which is not always a disadvantage, but sometimes may be.

It seems like CSS has many of the same possibilities as SVG, although expressed a bit more obscurely. But I can imagine that an SVG-to-CSS converter would be possible.

Post reply on HN