A Single Div • Hacker News Board

Re: A Single Div

#41

Post by u124556 » Tue, Aug 26, 2014, 10:01 PM UTC

vlunkr wrote: post #21

leni536 wrote: post #9

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

By creating images in css you don't have to load any additional assets. But I suspect these are more just for the author to show off her skills :) *EDIT his -> her

You can inline svg.

Re: A Single Div

#42

Post by anateus » Tue, Aug 26, 2014, 10:04 PM UTC

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, that's sad.

Re: A Single Div

#43

Post by u124556 » Tue, Aug 26, 2014, 10:05 PM UTC

mononcqc wrote: post #36

untog wrote: post #23

Earlier quoted context omitted.

But when you're using CSS to turn one element into three... what is the "whole point", exactly?

It means you should be able to do more from semantic HTML only and CSS only, without mixing up markup and presentation.

Yet she uses a instead of an

Re: A Single Div

#44

Post by errantspark » Tue, Aug 26, 2014, 10:05 PM UTC

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 like this, it's neat art. However I must agree that I'm unmoved, I invite anyone who thinks this is particularly clever to visit www.pouet.net for a bit of re-calibration.

It's all relative.

Re: A Single Div

#45

Post by u124556 » Tue, Aug 26, 2014, 10:07 PM UTC

na85 wrote: post #18

I came in expecting this to be an example of a website without tons of nested elements- the problem that html5 was supposed to solve but didn't.

> the problem that html5 was supposed to solve but didn't

I always thought html5 solved it, but then came bootstrap and got us back to div-hell.

Re: A Single Div

#46

Post by rtorr » Tue, Aug 26, 2014, 10:07 PM UTC

If you read https://github.com/lynnandtonic/a-single-div/blob/gh-pages/R..., she obviously knows this is not the most practical way to make illustrations. Maybe its for fun and research? Some harsh people on here today.

Re: A Single Div

#47

Post by ben336 » Tue, Aug 26, 2014, 10:11 PM UTC

errantspark wrote: post #44

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 like this, it's neat art. However I must agree that I'm unmoved, I invite anyone who thinks this is particularly clever to visit www.pouet.net for a bit of re-calibration. It's all relative.

looked at pouet.net. Not sure what I'm supposed to be seeing?

Re: A Single Div

#48

Post by bjz_ » Tue, Aug 26, 2014, 10:12 PM UTC

leni536 wrote: post #9

They 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.

Re: A Single Div

#49

Post by leni536 » Tue, Aug 26, 2014, 10:16 PM UTC

vlunkr wrote: post #21

leni536 wrote: post #9

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

By creating images in css you don't have to load any additional assets. But I suspect these are more just for the author to show off her skills :) *EDIT his -> her

By creating images in css you don't have to load any additional assets.

You can embed svg elements directly into html.

Re: A Single Div

#50

Post by ed209 » Tue, Aug 26, 2014, 10:16 PM UTC

dpeck wrote: post #25

shmerl wrote: post #20

What is the point of doing that instead of using SVG?

you're not allowed to ask that these days, we have to celebrate using inferior means for the sake of doing so.

yeah, what's the point of sailing solo around the world in 100 days when you can do the same trip by plane in just a couple of days!