Live data from Hacker News

Famous Logos Designed Entirely in CSS

ecsspert.com

61–70 of 84 posts

Re: Famous Logos Designed Entirely in CSS

#61
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 .

I made GUI icons out of "normal" HTML using pseudo-elements...but is was an experiment to work within constraints. This kind of stuff is going a bit far.

Re: Famous Logos Designed Entirely in CSS

#62

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…

It shows off what a clever person can achieve by tinkering with a system

Also called hacking.

Re: Famous Logos Designed Entirely in CSS

#63

Earlier quoted context omitted.

The rendering of data is data itself. We structure databases semantically for backend developers. Why shouldn't we structure display markup semantically for frontend developers?

> The rendering of data is data itself. Only if you have a poor system of sharing data, one that necessitates the rendering to be the data. Why put that inflexible requirement upon yourself? We have plenty of renderings that are not supposed to be data (i.e mechanically readable) by themselves, from graphical UIs to paper printouts. > We structure databases semantically for backend developers. > Why shouldn't we stru…

Because the target audience of the display markup is not "front-end developers", it's our website viewers. And they could care less how we structure our display markup.

That's not really true, though. The viewer is the target audience of the display output, not the markup. The target of your markup is either someone technically minded (who would do a 'view source') or some sort of crawler that is trying to derive semantic sense from your document.

In that context, semantic markup makes total sense. Part of me is still disappointed that using XML+XSL for web pages never took off- implementation nightmares aside, separating page data and page presentation is an awesome concept.

Re: Famous Logos Designed Entirely in CSS

#64
post #60

Earlier quoted context omitted.

It's also completely and totally useless Not really. A CSS logo would be useful for performance issues and overall page rendering speed. A CSS animated logo, such as the Atari example, even moreso than a Flash / JS counterpart. CSS renders more quickly than images, and definitely more quickly than embedded Flash.

CSS is the wrong tool for the job. Your example would be better served (and easier to maintain) with SVG or Canvas.

or in some cases: data uris.

Re: Famous Logos Designed Entirely in CSS

#65

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…

It's also completely and totally useless Not really. A CSS logo would be useful for performance issues and overall page rendering speed. A CSS animated logo, such as the Atari example, even moreso than a Flash / JS counterpart. CSS renders more quickly than images, and definitely more quickly than embedded Flash.

That's cutting a pretty broad swath there; CSS does not necessarily render more quickly than images--especially on low-end devices. For example, things like drop shadows are incredibly slow to draw in CSS on low-end devices whereas downloading and rendering a properly compressed 1kb png is significantly faster.

It also depends heavily on the complexity of the logo and the painting implications. To say simply that "CSS will be more performant" is categorically incorrect.

Re: Famous Logos Designed Entirely in CSS

#66
post #62

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…

It shows off what a clever person can achieve by tinkering with a system Also called hacking .

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.

Re: Famous Logos Designed Entirely in CSS

#67
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.

Yeah. Sorry to be a nitpicker, but these aren't logos designed entirely in CSS, they're logos designed in CSS and vendor-specific CSS extensions.

Re: Famous Logos Designed Entirely in CSS

#68

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.

It's funny, I love front-end development and I have the exact opposite problem. Trying to design these in Illustrator would be awful. But HTML+CSS, not too hard.

This is especially the case with buttons. Photoshop is confusing, CSS3 less so.

Re: Famous Logos Designed Entirely in CSS

#69

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…

Sometimes people make things just to see if they can and to show off, even if it doesn't improve the lives of other people. It's a showcase to show off the flexibility and capabilities of CSS.

I mean, one could easily argue that delivering movies and TV shows to people via the internet is also completely and totally useless, couldn't they? So yeah, you are being that dick.

Re: Famous Logos Designed Entirely in CSS

#70

Earlier quoted context omitted.

The rendering of data is data itself. We structure databases semantically for backend developers. Why shouldn't we structure display markup semantically for frontend developers?

> The rendering of data is data itself. Only if you have a poor system of sharing data, one that necessitates the rendering to be the data. Why put that inflexible requirement upon yourself? We have plenty of renderings that are not supposed to be data (i.e mechanically readable) by themselves, from graphical UIs to paper printouts. > We structure databases semantically for backend developers. > Why shouldn't we stru…

Because the target audience of the display markup is not "front-end developers", it's our website viewers. And they could care less how we structure our display markup.

By that line of reasoning, why should a semantically-structured database matter? The website viewers never see that, either.

Unless the reason you care about semantics in your database is for ease of development. In which case, all the front-end developers you might work with in the future would thank you for thinking of them when you output your markup.

Post reply on HN