Famous Logos Designed Entirely in CSS • Hacker News Board

Re: Famous Logos Designed Entirely in CSS

#81

Post by scott_s » Thu, Oct 27, 2011, 1:32 PM UTC

mikeleeorg wrote: post #75

bcrescimanno wrote: post #66

Earlier quoted context omitted.

Totally fair; and I wasn't intending to pick on this example in particular. However, I see a lot of this "look at this amazing shit we pulled with CSS" that's generally inapplicable beyond their (admittedly cool) example.

The other week, I heard a developer talking about one of these "amazing shit we pulled with CSS" examples and excitedly tried his hand at a few inspirations of his own. (Sadly, they didn't go further than his own machine.) Later, as he was working on a new feature, he realized he could achieve a particular effect without any images for a slight improvement in performance (fewer requests and all that). That achievemen…

Yes, thank you for explaining the point. Some hacking is essentially research.

Re: Famous Logos Designed Entirely in CSS

#82

Post by dspillett » Thu, Oct 27, 2011, 2:50 PM UTC

kreek wrote: post #24

This is cool but isn't this what SVG (ignoring browser incompatibilities) is for? CSS is for affecting the layout of the content. In most uses a logo is content, that content could still be affected by style, but I don't think it should be entirely defined by CSS.

Definitely.

SVG is available in any browser that supports all the selectors being use (i.e. it'll not work in IE6/7/8 with CVG, but these CSS versions probably won't either), and the code for them in SVG would be significantly smaller then that markup+styling I'd wager.

Re: Famous Logos Designed Entirely in CSS

#83

Post by mcantor » Thu, Oct 27, 2011, 3:03 PM UTC

This is very clever. Is there supposed to be a practical application, or is it simply a "look at this neat thing I did with CSS" demo?

Re: Famous Logos Designed Entirely in CSS

#84

Post by dwwoelfel » Sat, Oct 29, 2011, 6:20 PM UTC

underwater wrote: post #11

tilt wrote: post #5

Earlier quoted context omitted.

Ringed a bell http://www.imgtocss.com/

I love that it actually converts the image to a table with bgcolor attributes. It doesn't rely on CSS at all.

That's not always true. Any image with an alpha channel will have an opacity style attribute. In the firefox logo[1], for example, you see things like this: .

[1] http://www.imgtocss.com/convert?url=http://www.imgtocss.com/...