Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Famous Logos Designed Entirely in CSS

ecsspert.com

Post reply on HN
Print view View original

21–30 of 84 posts

Re: Famous Logos Designed Entirely in CSS

#21

Post by eslaught »

missing_cipher wrote: post #16

Could someone explain the Atari one? Don't quite understand how it's animating.

I believe the relevant lines are

    @-webkit-keyframes ball { 0%, 100% { left:30px; top:107px } 30%
    ...
and

    -webkit-animation: player2 4s linear 0 infinite normal;
which define the animation keyframes and parameters.

See the webkit blog for information on how it works:

http://www.webkit.org/blog/324/css-animation-2/

Re: Famous Logos Designed Entirely in CSS

#22

Post by Suan »

GiraffeNecktie wrote: post #6

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

Its confusing as well. Before clicking the link I thought they would be icons (newer ones, naturally) which were designed from scratch using CSS.

Re: Famous Logos Designed Entirely in CSS

#23

Post by missing_cipher »

eslaught wrote: post #21
missing_cipher wrote: post #16

Could someone explain the Atari one? Don't quite understand how it's animating.

I believe the relevant lines are @-webkit-keyframes ball { 0%, 100% { left:30px; top:107px } 30% ... and -webkit-animation: player2 4s linear 0 infinite normal; which define the animation keyframes and parameters. See the webkit blog for information on how it works: http://www.webkit.org/blog/324/css-animation-2/

Interesting. Thanks. :)

Re: Famous Logos Designed Entirely in CSS

#24

Post by kreek »

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.

Re: Famous Logos Designed Entirely in CSS

#26

Post by jwallaceparker »

GiraffeNecktie wrote: post #6

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

You have a point, but the term "design" also applies to writing code, in this case CSS.

So I think the title still applies.

Re: Famous Logos Designed Entirely in CSS

#27

Post by bcrescimanno »

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 over and over again.

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

No, it doesn't. It shows off what a clever person can achieve by tinkering with a system; but there's no practical value to most of the techniques demonstrated. CSS has a lot of power; but its best demonstrated by projects like the CSS Zen Garden that show off real-world CSS use.

Re: Famous Logos Designed Entirely in CSS

#30

Post by cgarvey »

bcrescimanno wrote: post #27

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 just deleted my comment after reading this. You said exactly what I had planned to.

I wish the time spent on this project was put towards something more useful.

Post reply on HN