Live data from Hacker News

Famous Logos Designed Entirely in CSS

ecsspert.com

31–40 of 84 posts

Re: Famous Logos Designed Entirely in CSS

#31
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

There is probably a negligible bandwidth optimization doing it this way.

It's more just an impressive feat that pushes the boundaries of what's imaginable using CSS.

Re: Famous Logos Designed Entirely in CSS

#33

I hate to be "that dick" so let me first say that this is damn impressive stuff; kudos to the authors for some serious CSS wizardry! It's also completely and totally useless. The person / people who did this are obviously talented and have a lot of expertise. I'd really rather see people with this level of ability contributing meaningful, useful tools / techniques to the community rather than seeing this type of post…

>> I can hear the arguments now, "but it shows off the power of CSS!"

I think it's naive to assume that this is not meaningful or useful.

It will certainly open creative doors in enough developers' brains to lead to innovations on other projects.

Not to mention serve as a portfolio to get the authors more business.

To me that's not useless.

Re: Famous Logos Designed Entirely in CSS

#35

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.

In theory, yes, in practice I don't know if such converter exists.

But SVG should be a better option anyway (it doesn't work in <IE9, but on the other hand, this probably won't either).

Re: Famous Logos Designed Entirely in CSS

#36
post #20

These use a lot of empty divs. It's no different in approach to the "twitter fail whale in css" experiment of last year.

I'll be impressed when someone can build a logo out of CSS... semantically .

"Semanticallity" (sic), wrt templates and css is not all it's cranked up to be.

It's just voodoo thinking on the part of web designers that were taught about it circa 2000.

And it basically comes from the misunderstanding that the html page is the data, when it's really just a RENDERING of the data. The data is what's on the DB or storage system --and that, yes, has to be semantically stored and attributed.

The template is just a means to show them GRAPHICALLY, not semantically.

Except if our main purpose is to make screen scrapping easier.

Re: Famous Logos Designed Entirely in CSS

#37

I hate to be "that dick" so let me first say that this is damn impressive stuff; kudos to the authors for some serious CSS wizardry! It's also completely and totally useless. The person / people who did this are obviously talented and have a lot of expertise. I'd really rather see people with this level of ability contributing meaningful, useful tools / techniques to the community rather than seeing this type of post…

I find the examples analogous to Hello World or sample twitter clients. They give someone else a place to start.

Re: Famous Logos Designed Entirely in CSS

#38

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.

Can't give you any hard numbers but I'm quite sure that "CSS images" this size load faster in most cases. But, once you load an actual raster image you're done with it: you can cache it, reuse it as many times as you want, manipulate it's placement, etc. - all without significant performance issues. With "CSS images" that's not the case. Placing a few on one page and/or allowing user any interaction with them will create performance bottlenecks more often than not. For the 'real world usage' it's safer to stay with the raster images.

Matt Seeley, UI Engineer at Netflix, made a presentation in which he touches these issues. It's available here: http://dl.dropbox.com/u/5618867/mseeley-2011-09-27-html5devc...

Re: Famous Logos Designed Entirely in CSS

#40

I hate to be "that dick" so let me first say that this is damn impressive stuff; kudos to the authors for some serious CSS wizardry! It's also completely and totally useless. The person / people who did this are obviously talented and have a lot of expertise. I'd really rather see people with this level of ability contributing meaningful, useful tools / techniques to the community rather than seeing this type of post…

>> I can hear the arguments now, "but it shows off the power of CSS!" I think it's naive to assume that this is not meaningful or useful. It will certainly open creative doors in enough developers' brains to lead to innovations on other projects. Not to mention serve as a portfolio to get the authors more business. To me that's not useless.

Eh, maybe. This site doesn't really offer much in the way of educating visitors about the concepts employed. Additionally, anyone who is at this level of CSS already, won't see this site and say, "oh wow, I didn't know that could be done in CSS". It has been done many times before, just in different contexts. Just check any of the site's 'inspiration' links. I'm sure it'll be super useful for the author's portfolio, but why do I care about that?

I think maybe, being a front-end guy, I'm a lot less impressed with it as it's part of my job to keep up on this kind of thing so I've seen it a lot already.

Now if this had been a tool that would generate CSS shapes with sliders/toggles allowing you to manipulate the shapes/logos in place, that would be cool and educational/useful.

Post reply on HN