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

Show HN: Logos in Pure CSS

bchanx.com

Post reply on HN
Print view View original

51–60 of 77 posts

Re: Show HN: Logos in Pure CSS

#51

Post by hawkharris »

A few people have raised questions about the practical value of creating logos on the fly with CSS. Here are a few benefits, according to Chris Norstrom (re-posted from the comments section of the article):

"- The code for these logos is Extremely Tiny in size compared to the size of an image of these logos. You're saving space and bandwidth while increasing the speed of your page loading by using the css logos. Your server and customers and bank account all benefit.

- The quality is much better and crisper at any size. You can scale these up or down to nearly any size without needing to use or reupload a new image. And the size of the code pretty much stays the same.

- If you use a large version of your logo in the header and a small version in the footer you don't need to have 2 seperate images. The code for the css logo can be alterted a bit and you can have a whole bunch of different sizes of the same logo."

Re: Show HN: Logos in Pure CSS

#52

Post by anonymouz »

hawkharris wrote: post #51

A few people have raised questions about the practical value of creating logos on the fly with CSS. Here are a few benefits, according to Chris Norstrom (re-posted from the comments section of the article): "- The code for these logos is Extremely Tiny in size compared to the size of an image of these logos. You're saving space and bandwidth while increasing the speed of your page loading by using the css logos. Your…

These arguments really are arguments for vector graphics. There are definitely saner formats for vector graphics than hand-crafted CSS.

Re: Show HN: Logos in Pure CSS

#53

Post by pete_b »

DigitalSea wrote: post #30
TazeTSchnitzel wrote: post #5

What's wrong with SVG? Use the right tool for the job.

Comments like yours are exactly what is wrong this place as of late. Instead of being supportive, you chastise the OP for thinking outside of the box. Take your negativity somewhere else if you're not going to give credit where credit is due.

Why see it as negativity?

SVG is a core web standard that is woefully underused considering how well it is supported. These complex 'you can do this with CSS' demos are always impressive, but they have little practical use; considering the underuse and lack of knowledge about SVG right now, it seems a little perverse to me that people keep making them.

Re: Show HN: Logos in Pure CSS

#54

Post by grey-area »

This looks wonderful and is a lot of fun. It's not very useful in the real world due to the painstaking method for creating images, and something like SVG is far more appropriate for vector graphics - you can create it in a normal graphics program, and use just one vector outline for things like the twitter logo. You can use CSS to make bitmap images, vector graphics, and even vector titling if you want to spend enough time doing it, but I'd never use it on a real web page. Still, a fun experiment and I love the hover to see how they have constructed them.

Roll on SVG where we can draw using far fewer shapes and have even smaller graphics. Using vector graphics (SVG) for logos or other elements like that is supported in all major browsers now (even mobile) -

http://caniuse.com/svg

but it'll be a few years before enough people have moved onto IE9 or higher, and mobile browser improve enough so that we can forget about IE8 and start using SVG everywhere for graphics.

Re: Show HN: Logos in Pure CSS

#57

Post by libria »

TazeTSchnitzel wrote: post #5

What's wrong with SVG? Use the right tool for the job.

He probably does use the right tools for his day job. This looks like play time. We're developers all day, can we not be scientists at night?

If you're familiar with SVG, why not contrast the differences/merits of it instead?

Re: Show HN: Logos in Pure CSS

#59

Post by bvaldivielso »

LowKarmaAccount wrote: post #34
sergiotapia wrote: post #22

Some of the comments on here are pure trash. I wish a mod would delete them or something. Fantastic job on the logos! It's insane how powerful CSS has gotten, can you imagine building something like this 10 years ago?

> It's insane how powerful CSS has gotten, can you imagine building something like this 10 years ago? Yes, but not in CSS. Actually, the fact that CSS has evolved to do this is really an indication of what a failure CSS is. Or rather, a failure of the idea that a separate language should exist for text markup. If you're going to use CSS for this kind of thing, why not use a real, powerful language that has years of e…

The author is not trying to rediscover old problems, he is just showing the power of CSS. It's not meant to be a solution

Re: Show HN: Logos in Pure CSS

#60

Post by TazeTSchnitzel »

DigitalSea wrote: post #30
TazeTSchnitzel wrote: post #5

What's wrong with SVG? Use the right tool for the job.

Comments like yours are exactly what is wrong this place as of late. Instead of being supportive, you chastise the OP for thinking outside of the box. Take your negativity somewhere else if you're not going to give credit where credit is due.

I'm not being negative. It's a cool hack, I'll give them that, but don't use it in production for god's sake.
Post reply on HN