Comments for Six Shooter Media

Comment on Web Design Directory by nVonatiQ

nVonatiQ — Thu, 01 May 2008 09:27:16 +0000

Really a great Idea! Thanks John and keep up for the great work

Comment on Semantic h1 logo link by mccormicky

mccormicky — Thu, 01 May 2008 08:59:35 +0000

If everyone said “I shouldn’t bother writing this tutorial because someone else has already written the exact same thing” then there would be 4 tutorials on the internet.
There really aren’t a lot of easy to follow tutorials like this one and a total newbie who came across this would be successful with it and that is a great thing.

Comment on Useful links for every web designer… by chris

chris — Mon, 28 Apr 2008 07:32:43 +0000

great! thanks for sharing!

Comment on Semantic h1 logo link by Andy

Andy — Sat, 26 Apr 2008 07:19:16 +0000

I like this technique and use it myself, however from an accessibility point of view the downside is that anyone browsing with images switched off (and there are still plenty who do) won’t see your h1. If you’re using this technique just for a graphic/logo it’s fine, but when you use it to convey text with an image, it will be lost on anyone viewing without images. Disable images on this site (but leave CSS on, so the text-indent still applies) and you’ll see what I mean.

Re. Karl’s comment - display:none does hide the text, but it will also hide it from people using screenreading software such as JAWS, which can interpret display:none. I’d argue the content of an h1 tag sholuldn’t be completely hidden, so the text-indent technique explained here is the most accessible.

Re. Luke’s comment - as a web designer I get many of my solutions and workarounds from other web designer’s blogs, no matter how many times it’s been explained before there’s always new angles and different ways of explaining it - so keep blogging sixshootermedia!

Comment on Rankd.com by Jordan

Jordan — Thu, 24 Apr 2008 00:12:07 +0000

Very very nice. I am impressed with your work.

Comment on Logo design and its importance… by Anush@logodesign

Anush@logodesign — Wed, 23 Apr 2008 19:35:11 +0000

Completly agree with you and this is now a days comman problem with every designers. Well lots of PPC link in google offer scrap logos in 25$ to 50$…they know they giving clip art job to clients but they don;t know that they spoiled other designer carrer

Comment on Semantic h1 logo link by admin

admin — Mon, 21 Apr 2008 17:19:04 +0000

Yes that’s correct but with this method you don’t need the span.

Comment on Semantic h1 logo link by Karl

Karl — Mon, 21 Apr 2008 17:16:23 +0000

I put a Link.

And the css would be…

span {display:none;}

and it would hide the text.

Is that not correct too?

Comment on Semantic h1 logo link by Dadadaddyo

Dadadaddyo — Mon, 21 Apr 2008 04:20:30 +0000

I for one did not know this (so perhaps *now* everyone knows (}:) I liked the way you explained it, especially when you referred to it as a “magic trick”. I have long held that coding is the only true magic — the only way that you can say (or type) special words from a special language and make something appear out of nothing, even if that something exist only on a monitor screen! Thanks for the tutorial. I will be checking back, hoping for more.

(First time I responded I lost connection before I hit submit. Please excuse if this response shows up twice.)

Comment on Semantic h1 logo link by Luke Smith

Luke Smith — Sat, 19 Apr 2008 09:38:51 +0000

(Not the Luke above!)
I use this technique all the time and find it very useful.

One small thing you will notice is that when you click you link above the link highlight border disappears off the left hand side of the page (by -9999px). To avoid this ugly behaviour add:

overflow: hidden

to the style properties. This means the link highly border added by the browser when clicked will only surround the 200px by 100px area you defined.