Show HN: Logos in Pure CSS • Hacker News Board

Re: Show HN: Logos in Pure CSS

#11

Post by ztratar » Sat, Jun 01, 2013, 1:00 AM UTC

hayksaakian wrote: post #6

I wish there was an easy way to pay for a CSS version of a logo. Could OP turn his skills into a business?

Easily... but I'm sure his time is worth more than simply making CSS logos.

Average user doesn't care. It's just cool and shows mastery of a skill.

Re: Show HN: Logos in Pure CSS

#12

Post by ztratar » Sat, Jun 01, 2013, 1:00 AM UTC

Great job!

Re: Show HN: Logos in Pure CSS

#13

Post by timdorr » Sat, Jun 01, 2013, 1:04 AM UTC

TazeTSchnitzel wrote: post #5

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

IE [1] https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Brow...

Re: Show HN: Logos in Pure CSS

#14

Post by jlogsdon » Sat, Jun 01, 2013, 1:07 AM UTC

coherentpony wrote: post #9

http://fortawesome.github.io/Font-Awesome/

What relevance is this? Font Awesome is... a font. The OP is logos in pure CSS with comparisons to the original.

Re: Show HN: Logos in Pure CSS

#15

Post by ianstormtaylor » Sat, Jun 01, 2013, 1:07 AM UTC

timdorr wrote: post #13

TazeTSchnitzel wrote: post #5

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

IE [1] https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Brow...

Honestly lots of people could care less about IE8 nowadays.

Another problem is this really annoying bug in Firefox [1] that makes SVG blurry when they are scaled, defeating the entire purpose of using SVG. Hopefully people reply on that thread and it gets fixed soon.

[1]: https://bugzilla.mozilla.org/show_bug.cgi?id=600207

Re: Show HN: Logos in Pure CSS

#16

Post by TomGullen » Sat, Jun 01, 2013, 1:08 AM UTC

timdorr wrote: post #13

TazeTSchnitzel wrote: post #5

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

IE [1] https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Brow...

IE8 doesn't support these CSS logos...

Re: Show HN: Logos in Pure CSS

#17

Post by supercoder » Sat, Jun 01, 2013, 1:08 AM UTC

TazeTSchnitzel wrote: post #5

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

Why paint a picture when cameras exist ?

Re: Show HN: Logos in Pure CSS

#18

Post by nwh » Sat, Jun 01, 2013, 1:11 AM UTC

timdorr wrote: post #13

TazeTSchnitzel wrote: post #5

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

IE [1] https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Brow...

They look fairly useless in IE8 — http://i.imgur.com/IjWkRvp.png

Re: Show HN: Logos in Pure CSS

#19

Post by bchanx » Sat, Jun 01, 2013, 1:24 AM UTC

DigitalSea wrote: post #2

Oh my God, this is amazing. I envy people like you Brian, this is insanely clever. I wish I were as masterful with CSS to even think of being able to do what you've done here. Would love to know what the process was like, did you have the shapes and positions in mind and knew what you wanted to add to what, or was it more trial and error?

Thank you for the kind words! For each one I started off pinpointing the toughest areas/curves to create, and then worked off that. There's a lot of thought behind which layers to place first so that subsequent layers can mask over spills or imperfections, but beyond that the rest is pure trail and error.

Re: Show HN: Logos in Pure CSS

#20

Post by icambron » Sat, Jun 01, 2013, 1:28 AM UTC

nwh wrote: post #18

timdorr wrote: post #13

Earlier quoted context omitted.

IE [1] https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Brow...

They look fairly useless in IE8 — http://i.imgur.com/IjWkRvp.png

Pretty neat that it's still identifiable as a bird, though. Like an 8-bit version of the Twitter icon.