Famous Logos Designed Entirely in CSS

#1

Post by tilt » Wed, Oct 26, 2011, 5:53 PM UTC

Famous Logos Designed Entirely in CSS
ecsspert.com

Re: Famous Logos Designed Entirely in CSS

#2

Post by jneal » Wed, Oct 26, 2011, 6:16 PM UTC

I'm slightly blown away by this. Call my naive, but perhaps I knew this was possible but just wasn't expecting it to look as good as it does. I'm not sure what's more surprising, how good the logos look, or the fact that someone had to have spent a tremendous amount of time designing all these from scratch with CSS.

Re: Famous Logos Designed Entirely in CSS

#3

Post by flixic » Wed, Oct 26, 2011, 6:32 PM UTC

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

Re: Famous Logos Designed Entirely in CSS

#4

Post by SnowLprd » Wed, Oct 26, 2011, 6:34 PM UTC

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.

Re: Famous Logos Designed Entirely in CSS

#5

Post by tilt » Wed, Oct 26, 2011, 6:38 PM UTC

SnowLprd wrote: 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/

Re: Famous Logos Designed Entirely in CSS

#6

Post by GiraffeNecktie » Wed, Oct 26, 2011, 6:41 PM UTC

I hate to be pedantic but that should be "rendered entirely using CSS". The logos were designed by their respective designers using whatever tools.

Re: Famous Logos Designed Entirely in CSS

#7

Post by deltaqueue » Wed, Oct 26, 2011, 6:46 PM UTC

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.

Re: Famous Logos Designed Entirely in CSS

#8

Post by KaeseEs » Wed, Oct 26, 2011, 6:47 PM UTC

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.

Re: Famous Logos Designed Entirely in CSS

#9

Post by wanorris » Wed, Oct 26, 2011, 6:47 PM UTC

flixic wrote: 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.

Atari with the Pong game was pretty awesome too.

Re: Famous Logos Designed Entirely in CSS

#10

Post by martian » Wed, Oct 26, 2011, 6:48 PM UTC

tilt wrote: post #5

SnowLprd wrote: 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/

Looks more like imgtotable. Interesting nevertheless.