Chrome logos in CSS

#1

Post by kjannis » Mon, Nov 04, 2013, 8:17 PM UTC

Chrome logos in CSS
codepen.io

Re: Chrome logos in CSS

#2

Post by cmac2992 » Mon, Nov 04, 2013, 8:40 PM UTC

This is awesome. CSS is becoming very powerful. I was proud of myself when I made a simple css triangle

Re: Chrome logos in CSS

#3

Post by MrWhargarbl » Mon, Nov 04, 2013, 8:58 PM UTC

cmac2992 wrote: post #2

This is awesome. CSS is becoming very powerful. I was proud of myself when I made a simple css triangle

I fail to see the awesome-ness. It's a proof of concept about a concept that just doesn't make sense. There are significantly better ways of presenting color/logo/icon/anything other than CSS.

Re: Chrome logos in CSS

#4

Post by _sabe_ » Mon, Nov 04, 2013, 8:58 PM UTC

cmac2992 wrote: post #2

This is awesome. CSS is becoming very powerful. I was proud of myself when I made a simple css triangle

How do you make a triangle in pure CSS?

Re: Chrome logos in CSS

#5

Post by _sabe_ » Mon, Nov 04, 2013, 9:00 PM UTC

This didn't work in my browser. FF 24 on Fedora.

Re: Chrome logos in CSS

#6

Post by untog » Mon, Nov 04, 2013, 9:05 PM UTC

MrWhargarbl wrote: post #3

cmac2992 wrote: post #2

This is awesome. CSS is becoming very powerful. I was proud of myself when I made a simple css triangle

I fail to see the awesome-ness. It's a proof of concept about a concept that just doesn't make sense. There are significantly better ways of presenting color/logo/icon/anything other than CSS.

It's a proof of skill, if anything. Or a proof of "it can be done". It doesn't have to be productive.

That said, it does give out the wrong impression. What platforms are capable of rendering this CSS and are not capable of rendering SVG? SVG doesn't get anywhere near as much attention because doing something like this would be incredibly easy.

Re: Chrome logos in CSS

#7

Post by peterjmag » Mon, Nov 04, 2013, 9:06 PM UTC

_sabe_ wrote: post #4

cmac2992 wrote: post #2

This is awesome. CSS is becoming very powerful. I was proud of myself when I made a simple css triangle

How do you make a triangle in pure CSS?

http://css-tricks.com/snippets/css/css-triangle/

And this awesome animation explains how it works: http://codepen.io/chriscoyier/details/lotjh

Re: Chrome logos in CSS

#8

Post by guipsp » Mon, Nov 04, 2013, 9:07 PM UTC

_sabe_ wrote: post #4

cmac2992 wrote: post #2

This is awesome. CSS is becoming very powerful. I was proud of myself when I made a simple css triangle

How do you make a triangle in pure CSS?

Like this: http://codepen.io/chriscoyier/full/lotjh

Re: Chrome logos in CSS

#9

Post by rfnslyr » Mon, Nov 04, 2013, 9:10 PM UTC

guipsp wrote: post #8

_sabe_ wrote: post #4

Earlier quoted context omitted.

How do you make a triangle in pure CSS?

Like this: http://codepen.io/chriscoyier/full/lotjh

That's so awesome! I wish http://thecodeplayer.com/ was more active for things like this.

Re: Chrome logos in CSS

#10

Post by wmeredith » Mon, Nov 04, 2013, 9:13 PM UTC

untog wrote: post #6

MrWhargarbl wrote: post #3

Earlier quoted context omitted.

I fail to see the awesome-ness. It's a proof of concept about a concept that just doesn't make sense. There are significantly better ways of presenting color/logo/icon/anything other than CSS.

It's a proof of skill, if anything. Or a proof of "it can be done". It doesn't have to be productive. That said, it does give out the wrong impression. What platforms are capable of rendering this CSS and are not capable of rendering SVG? SVG doesn't get anywhere near as much attention because doing something like this would be incredibly easy.

I agree. It's not practical, but neither is climbing Everest or swimming The English Channel. You get no points for taking a boat or a helicopter. People do stuff like this specifically because it's a challenge/the path of more resistance.