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

91–100 of 146 posts

Re: A Single Div

#91

Post by alexjeffrey »

thangalin wrote: post #90
_pmf_ wrote: post #87

Earlier quoted context omitted.

> But it's beautiful and clever, and if you truly can't appreciate it, that's sad. Interesting. Is it as sad as the fact that one still cannot vertically center a div in CSS without using elaborate hacks?

I believe Flexbox, which is supported by most major browsers, allows vertically centering content without hacks: http://philipwalton.github.io/solved-by-flexbox/demos/vertic...

http://caniuse.com/#feat=flexbox

Until most IE users upgrade to 11, it's not usable by those of us who can't exclude a large chunk of our users.

Re: A Single Div

#92

Post by disillusioned »

What shitty fucking whiners you lot are. This is a fun technical experiment. It's clearly not advocating for some sort of production environment usage of pure CSS/single-div imagery in lieu of SVGs. It's a mental challenge and a fun "I wonder if" experiment.

Any of you busily shouting high from the mountaintops how this is useless and pointless and stupid and derf, don'tyouknowthisisn'tpractical should stop well short of daring to call yourselves engineers, and even shorter of calling yourselves creators, for a key tenet of a great engineer is occasionally looking at absurd challenges and seeing if they can make something happen.

I'm glad most of this trash has since been downvoted into oblivion where it belongs.

Re: A Single Div

#93

Post by [deleted] »

comrh wrote: post #71
errantspark wrote: post #54

Earlier quoted context omitted.

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.

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

[deleted]

Re: A Single Div

#98

Post by tripzilch »

blt wrote: post #16

I am unmoved by the many "... in pure CSS" posts, but I guess they are the equivalent of "HTTP server in x86 assembly" for CSS designers.

I do think that these are particularly well done, though. It's very crafty, creative and the pictures look nice.

Re: A Single Div

#99

Post by Yaggo »

_pmf_ wrote: post #87
anateus wrote: post #42

I 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…

> But it's beautiful and clever, and if you truly can't appreciate it, that's sad. Interesting. Is it as sad as the fact that one still cannot vertically center a div in CSS without using elaborate hacks?

Vertical centering (flexbox) support landed on IE two years ago, not to mention other browsers. Please upgrade your "facts".

Re: A Single Div

#100

Post by boomlinde »

_pmf_ wrote: post #87
anateus wrote: post #42

I 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…

> But it's beautiful and clever, and if you truly can't appreciate it, that's sad. Interesting. Is it as sad as the fact that one still cannot vertically center a div in CSS without using elaborate hacks?

What constitutes an elaborate hack? You can do it with a hack, but it isn't really elaborate. Put the div in an outer div. The outer div has `display: table-cell` and `vertical-align: middle`.
Post reply on HN