Live data from Hacker News

Famous Logos Designed Entirely in CSS

ecsspert.com

11–20 of 84 posts

Re: Famous Logos Designed Entirely in CSS

#11
post #5
post #4

Excellent work. Can you imagine how amazing it would be if there were a tool that allowed us to convert/output all our images as CSS/SVG/etc instead of bitmaps? I, for one, look forward to the day when the only static assets we have to worry about are text-based assets such as CSS and JS.

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.

Re: Famous Logos Designed Entirely in CSS

#13

Perhaps this is a naive question, but are there any benchmarks comparing client-side load times for actual images vs. images rendered in CSS? Server-side bandwidth savings is easier to calculate, and while I realize this kind of savings for sites like Twitter can create noticeable margins, I'm curious as to what the cost-benefit threshold is.

I have an Atom-Netbook and didn't notice any delay. The decoding of an image file is also a little work, i assume both are very low.

Re: Famous Logos Designed Entirely in CSS

#15
post #8

I'm kind of bummed that most of these are thoroughly broken in Opera, and I wonder whether it's the CSS that's broken or whether Presto is rendering them wrong.

You can see that they included browser specific prefix for Firefox and Chrome/Safari, that is -moz-* and -webkit-* respectively and left out (although not everywhere) the Opera's one (-o-). So yeah, the CSS won't work wheter the Opera implements these preview features or not. And I'm sure it implements most (if not all) of them.

But to be fair, the CSS itself should work as soon as the specification is closed and browsers implement it under the regular names, without those prefixes.

edit: Here is the list of attributes supported by Opera http://www.opera.com/docs/specs/presto26/css/o-vendor/ (you can see that transform, the one left out in the first example, is one of them)

Re: Famous Logos Designed Entirely in CSS

#17
Maybe a dumb question from someone who isn't proficient with CSS -- but if you can render these as vector images, can't you autogenerate the CSS for them?

And the reason I even ask is I feel like I could draw all of these logos pretty well with Illustrator, but couldn't just sit down in a text editor and make these logos with CSS.

Re: Famous Logos Designed Entirely in CSS

#19
post #3

Adobe being first didn't impress me much, Twitter made me curious, and I was extremely impressed by Steve Jobs, Apple, BP and Nike.

Whats the advantage of doing this versus sprite splicing

Few advantages, mostly disadvantages. But unbelievably cool.
Post reply on HN