Vector-based graphics in HTML and CSS

I won't say this isn't very clever, but how is it different (or dare I say better) then creating the entire logo with a random vector tool and then using it as a SVG? You can easily scale SVGs, they look great on HiDPI screens (what Apple calls Retina) and you don't need a bunch of random CSS (that probably won't ever change) cluttering your styling.

Re: Vector-based graphics in HTML and CSS

#9

Post by callum_hart » Tue, Aug 04, 2015, 1:29 PM UTC

teddyh wrote: post #7

callum_hart wrote: post #6

Should have linked to the logo earlier in the post. It can be found here http://www.itseffortless.com/

Blank page. Works only if I allow cookies.

Ah its because effortless uses localStorage to persist its LESS variables. Thanks for the spot I'll raise an issue on git!

Re: Vector-based graphics in HTML and CSS

#10

Post by callum_hart » Tue, Aug 04, 2015, 1:32 PM UTC

MatekCopatek wrote: post #8

I won't say this isn't very clever, but how is it different (or dare I say better) then creating the entire logo with a random vector tool and then using it as a SVG? You can easily scale SVGs, they look great on HiDPI screens (what Apple calls Retina) and you don't need a bunch of random CSS (that probably won't ever change) cluttering your styling.

Hey @MatekCopatek, it's not any better it's just a different way to make them.