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

The New Twitter Logo in CSS

labs.upperdog.se

Post reply on HN
Print view View original

21–30 of 42 posts

Re: The New Twitter Logo in CSS

#21

Post by ComputerGuru »

joshnh wrote: post #3

While I appreciate the time and effort that went into producing this, I must admit that I am a little confused; what is to be gained by recreating logos using only CSS? There are only two answers that I can come up with: practice or showcasing new properties. In my opinion, both of those reasons don't justify recreating an image using CSS. Surely if you wanted to practice, or showcase a property, you would be better…

It's art. What purpose does art ever have?

If you're the kind of person that feels art is of no real value, this is the same. If you're the kind of person that feels are is in and of itself something to cherish for its own sake, then this is also the same.

Re: The New Twitter Logo in CSS

#23

Post by fady »

joshnh wrote: post #3

While I appreciate the time and effort that went into producing this, I must admit that I am a little confused; what is to be gained by recreating logos using only CSS? There are only two answers that I can come up with: practice or showcasing new properties. In my opinion, both of those reasons don't justify recreating an image using CSS. Surely if you wanted to practice, or showcase a property, you would be better…

overlooked something? are you joking? gee whiz..i wish i could downvote you. it's art, and this specific logo works really well as CSS. awesome job @upperdog_se

Re: The New Twitter Logo in CSS

#24

Post by tfennelly »

theallan wrote: post #5
joshnh wrote: post #3

While I appreciate the time and effort that went into producing this, I must admit that I am a little confused; what is to be gained by recreating logos using only CSS? There are only two answers that I can come up with: practice or showcasing new properties. In my opinion, both of those reasons don't justify recreating an image using CSS. Surely if you wanted to practice, or showcase a property, you would be better…

Speed and size - if you you were using images, you are going to incur an extra HTTP request, while using this method everything needed to draw the logo is already at the client-side. In terms of size, the HTML and CSS needed to draw the logo could well be smaller than that needed for an image. In this case the HTML+CSS is around 2.6K (without the Google analytics code), while a screenshot of the logo is around 10K -…

If image loading speed is an issue you can embed the image in the html as a base64 encoded string.... no remote loading then.

That of course is dog ugly ... just say'n it's possible :) An SVG or CSS approach would surely be more maintainable.

Re: The New Twitter Logo in CSS

#27

Post by joshnh »

fady wrote: post #23
joshnh wrote: post #3

While I appreciate the time and effort that went into producing this, I must admit that I am a little confused; what is to be gained by recreating logos using only CSS? There are only two answers that I can come up with: practice or showcasing new properties. In my opinion, both of those reasons don't justify recreating an image using CSS. Surely if you wanted to practice, or showcase a property, you would be better…

overlooked something? are you joking? gee whiz..i wish i could downvote you. it's art, and this specific logo works really well as CSS. awesome job @upperdog_se

I agree with you in the case of something original, but I'm not entirely sure how this qualifies?

Re: The New Twitter Logo in CSS

#29

Post by loceng »

cmelbye wrote: post #25

Am I the only one who's bothered by the slight tilt that they introduced into the new logo? I don't think the old bird was weirdly tilted like that.

It's triggering optimism / uplifting. Interesting it's bothering you in some way.

Edit: To add, it also could be that there's no movement to it - so it also gives me a sense the bird is stalling, and about to fall the ground.

Post reply on HN