Mona Lisa in pure CSS • Hacker News Board

Re: Mona Lisa in pure CSS

#51

Post by eranation » Thu, Oct 04, 2012, 3:57 AM UTC

raldi wrote: post #45

eranation wrote: post #44

What would be nice is the source code of the code generator that did that CSS so everyone can post tomorrow their favorite image in pure CSS...

How do you know he didn't draw it by hand?

I don't, I just know I wouldn't

Re: Mona Lisa in pure CSS

#52

Post by eranation » Thu, Oct 04, 2012, 3:59 AM UTC

seanlinehan wrote: post #47

eranation wrote: post #44

What would be nice is the source code of the code generator that did that CSS so everyone can post tomorrow their favorite image in pure CSS...

https://gist.github.com/3831235

Did you just find it, or wrote it right now? either way, this makes the point of the top voted comment even stronger.

Re: Mona Lisa in pure CSS

#53

Post by seanlinehan » Thu, Oct 04, 2012, 4:16 AM UTC

eranation wrote: post #52

seanlinehan wrote: post #47

Earlier quoted context omitted.

https://gist.github.com/3831235

Did you just find it, or wrote it right now? either way, this makes the point of the top voted comment even stronger.

I wrote it after seeing the thread.

It's a pretty simple technique, but it's intensely resource heavy. If the op (or anybody) wrote a script that does this algorithmically to produce as few drop shadows as necessary while maintaining quality... Well, then I'd be thoroughly impressed.

Regardless, this clearly struck a chord with some people so I say cheers to the op! Easy or not, he did it, did it well, and captured peoples' wonder.

Re: Mona Lisa in pure CSS

#54

Post by [deleted] » Thu, Oct 04, 2012, 5:01 AM UTC

[deleted]

Re: Mona Lisa in pure CSS

#55

Post by nowarninglabel » Thu, Oct 04, 2012, 5:12 AM UTC

It's a bit disappointing that a project which is supposed to show me something in "pure CSS" is hosted on a site which gives me a big warning/block that the site "doesn't work with out javascript, like at all".

Re: Mona Lisa in pure CSS

#56

Post by woah » Thu, Oct 04, 2012, 5:13 AM UTC

gavinpc wrote: post #31

If I had a thousand dollars for every HN post that works in Chrome and not Firefox, I'd feel somewhat better about what that suggests.

Yea, I'm a designer, I use chrome- you know why? The inspector is a lot better. The firefox inspector is sure sexy but it is simply not very powerful. Yea, there's firebug, but chrome has a very powerful set of tools built right in. I can amaze people by redesigning a page on the fly- as long as I don't accidently refresh.

Re: Mona Lisa in pure CSS

#57

Post by pshirishreddy » Thu, Oct 04, 2012, 5:15 AM UTC

Davinci of the web !

Re: Mona Lisa in pure CSS

#58

Post by bashzor » Thu, Oct 04, 2012, 5:49 AM UTC

Oh come on... Let me make you one in HTML4.01! Or HTML5! Or Javascript!

Pixel by pixel... seriously.

Re: Mona Lisa in pure CSS

#59

Post by suyash » Thu, Oct 04, 2012, 5:57 AM UTC

steffanwilliams wrote: post #11

There is a generator on Codepen that allows you to do this, that probably deserves more praise: http://codepen.io/blazeeboy/pen/bCaLE

True, how cheap that the author is trying to take full credit as shown on his codepen example: /* Mona Lisa with pure CSS Pointless but fun!

  By Jay Salvat
  http://jaysalvat.com

*/

Re: Mona Lisa in pure CSS

#60

Post by suyash » Thu, Oct 04, 2012, 5:59 AM UTC

jere wrote: post #17

Jeez. If your underlying method is pixels, you can render any image you want. I'm afraid I'm missing the "hack" here.

that is the hack....I know it's kinda stupid or awesome..depends how you look at it...but pixel by pixel..we can draw anything!