Neat, should be utilized more. Thought about something like that when working on a new version of my site, but I am not conversant enough with CSS to go for it at this point.
Nice job, though.
Show HN: Logos in Pure CSS
41–50 of 77 posts
Re: Show HN: Logos in Pure CSS
#42Remember when you couldn't even make a shape other than a square or a rectangle with CSS?
Re: Show HN: Logos in Pure CSS
#43Nice job. No doubt css is getting better and better with every new release and same goes for browsers.
Waiting for the day when all the browsers will become completely unified and one don't have to worry about cross-browser compatibility.
Re: Show HN: Logos in Pure CSS
#44I wish there was an easy way to pay for a CSS version of a logo. Could OP turn his skills into a business?
Why? I hope the reason for this post was just to show off his CSS skills and not to suggest that Logos be made this way. It's the wrong tool for the job. Not to mention terrible browser interoperability. As many others have pointed out, these logos are all busted on IE <= 9 and most mobile browsers.
Re: Show HN: Logos in Pure CSS
#45Earlier quoted context omitted.
I think a lot of people here wish this type of post would only have made the top of the front page 10 years ago (knowing hn was starting in 07), nowadays a post about css images is a lot like a "Lets Rethink Big O". I am just saying at some point this was a big deal, but now we gotta raise our standards for being impressed.
Nonsense. That is pointless dismissal of someone's efforts. I personally think this is awesome. It's using css in a non-traditional way, and one that surely took a lot of thought. How is this any different than any other technical post that have no "functional merit" (of sorts)? Remember the very popular post about programming pokemon from inside of the game? That's equally pointless as these css logos, and yet loved…
Right, I wasn't trying to be negative, but more expressing why people are being negative. I think that the ones that posted negative comments are out of line, but at the same time I can understand their resentment/frustration of this being the top story. Props to who made this, but in my opinion its not top story worthy here but a story that is a 'gem' lost in the 13 or 14 range.
Re: Show HN: Logos in Pure CSS
#46Some 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…
Rather than focusing on the power of languages, this exercise demonstrates creativity while constrained. Implementing CSS driven "art" requires attention to detail, but also a desire to learn all that can be learned about one specific language.
These are the same traits I would look for a great programmer to demonstrate.
Re: Show HN: Logos in Pure CSS
#47Nice job. No doubt css is getting better and better with every new release and same goes for browsers. Waiting for the day when all the browsers will become completely unified and one don't have to worry about cross-browser compatibility.
one of my favorite XKCDs speaks directly to this -- http://xkcd.com/927/
Re: Show HN: Logos in Pure CSS
#48Remember when you couldn't even make a shape other than a square or a rectangle with CSS?
I remember having a cow when rounded corners came out; it might have well been the second coming of sliced bread. Then I realized I didn't even really like look
Re: Show HN: Logos in Pure CSS
#49Oh 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.
Awesome work.
My only disappointment was not seeing the Twilio logo in there.. but realized it would be too easy to be challenging. :)
Re: Show HN: Logos in Pure CSS
#50Earlier 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
Here's Evernote - http://i.imgur.com/EeXRsNA.png
and Apple - http://i.imgur.com/ufutrhZ.png
I think they actually look pretty cool, almost like pieces of modern art.