the Average Viewport
Hey! Thought I’d get some input on this logo I made, thought I’d share it with you, hopefully someone may find something in there useful ;)
I only used CSS ( well, And .append() and addClass() w/ JQuery ). Not sure if/when I’m gonna use it so I won’t be linking to a page, but here’s what it turned out looking like in all 5 diff browsers. (IE7 & IE8) looked so much the same I didn’t bother. Along the way I was really SHOCKED to see that it looked pretty much like I wanted it to in IE :/
Btw I’d LOVE it if someone notices something funky in the code! ( I’m a ttly greeeen novice on jQuery )
IE7 IE 8
To do it I had to span and em the shiz out of a H1 tag. For SEO I replaced a clean version
with the one below using jQuery.
To my surprise it turned out looking pretty good, in all browsers! Even IE played along (7 & 8), BUT:
- Never have I noticed the diff so clearly before, Safari sure does it look small, small but Goood-lookin’. Well, thought I’d share this, I’m sure something in there will come in handy ;)
Looks pretty good, with the exception of IE, of course. Although it is creative, it might be defeating the purpose, which I’m guessing is SEO. If a tag gets degraded too much, search engines pretty much cancel it out because they think you are trying some black hat shit. For example, when people make nav bars with images and they do the text-indent: -9999px to get the text off the page, those text links no longer help with SEO, but they are helpful for screen readers and stuff. The reason search engines don’t pay attention to text with like huge margins and stuff is because the spiders think you are trying to hide content, like link farming off of the side of the page and stuff.
Anyway, that’s how it used to be. But, I haven’t really kept up with SEO much since I quit the SEO job I had, so it could have changed. But in my opinion, I don’t think it’s worth it.
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".