<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	>
<channel>
	<title>Comments on: Standards Compliant JavaScript Rollovers</title>
	<atom:link href="http://blog.neatlysliced.com/2007/01/standards-compliant-javascript-rollovers/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.neatlysliced.com/2007/01/standards-compliant-javascript-rollovers/</link>
	<description>Bread was overrated.</description>
	<pubDate>Sat, 22 Nov 2008 16:05:59 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.5</generator>
		<item>
		<title>By: cosmin</title>
		<link>http://blog.neatlysliced.com/2007/01/standards-compliant-javascript-rollovers/#comment-10525</link>
		<dc:creator>cosmin</dc:creator>
		<pubDate>Tue, 18 Nov 2008 20:49:23 +0000</pubDate>
		<guid isPermaLink="false">http://blog.neatlysliced.com/2007/01/standards-compliant-javascript-rollovers/#comment-10525</guid>
		<description>I know this got off-topic, but please, just one more comment from my side :)

aljuk, when I start a project, I clearly specify that I am in charge of the development, and that I decide what's best for user experience.

This and the right price (which is higher than many others) + quality work, shows that I value my business, I don't mock it. And the portfolio standing behind me is an argument to what I demand from the customer: understand that he doesn't know these things as well as I do; 
"trust me, I'm here to get you clients, not just to build you a website, or a brand."

If they still don't understand, I get to the final solution : conditional JS that pops up a div stating you should upgrade your browser, with link to Firefox :D (I know I'm evil :)) )

cosmin_gizmo@yahoo.com is my email, would be glad to keep in touch.

Jennifer, thank you so much for sharing this with us.
It's not only useful, it also connects people with same frustrations :D

Cheers from Romania,
Cosmin.</description>
		<content:encoded><![CDATA[<p>I know this got off-topic, but please, just one more comment from my side <img src='http://blog.neatlysliced.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>aljuk, when I start a project, I clearly specify that I am in charge of the development, and that I decide what&#8217;s best for user experience.</p>
<p>This and the right price (which is higher than many others) + quality work, shows that I value my business, I don&#8217;t mock it. And the portfolio standing behind me is an argument to what I demand from the customer: understand that he doesn&#8217;t know these things as well as I do;<br />
&#8220;trust me, I&#8217;m here to get you clients, not just to build you a website, or a brand.&#8221;</p>
<p>If they still don&#8217;t understand, I get to the final solution : conditional JS that pops up a div stating you should upgrade your browser, with link to Firefox <img src='http://blog.neatlysliced.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> (I know I&#8217;m evil :)) )</p>
<p><a href="mailto:cosmin_gizmo@yahoo.com">cosmin_gizmo@yahoo.com</a> is my email, would be glad to keep in touch.</p>
<p>Jennifer, thank you so much for sharing this with us.<br />
It&#8217;s not only useful, it also connects people with same frustrations <img src='http://blog.neatlysliced.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<p>Cheers from Romania,<br />
Cosmin.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: aljuk</title>
		<link>http://blog.neatlysliced.com/2007/01/standards-compliant-javascript-rollovers/#comment-10524</link>
		<dc:creator>aljuk</dc:creator>
		<pubDate>Tue, 18 Nov 2008 20:36:52 +0000</pubDate>
		<guid isPermaLink="false">http://blog.neatlysliced.com/2007/01/standards-compliant-javascript-rollovers/#comment-10524</guid>
		<description>Don't get me wrong cosmin - I'm a standards advocate. I think long and hard about semantics and always try for clean and lean. And I hate all flavours of IE with a passion; it's the bane of my life. IE had me at my desk til 3am this morning writing conditional css statements, replacing my delicious poetic floats with saccharine position absolutes and trying to track down javascript "errors" when my real browsers were happily tucked up in the land of nod.

When I'm working on a personal site or a vanity project I couldn't care less for IE and I sing it from the rooftops. But I earn my bread as a gun for hire, and my clients have, quite rightly, a different view. For example, I run a site for a European commercial radio station with an 83% IE visitorship, and a site in the Middle East, where the only people with Macs are printers and designers, and everyone uses the browser that comes with their PC.

Now, I can tell those clients how utterly crap their copy of IE5.5 (yes, you read that right) 6 or 7 is and that the code I've written is "perfect", standards compliant, semantic and sexy, but nobody's interested, and they'll laugh at me and think to themselves "heh heh funny internet guy, now fix it and make it work..." And the thing is, for each of "us" that feels like this, there are a thousand of "them" who couldn't care less as long as they can send an email. "But I like IE, it comes with my PC" etc. And, in a sense, they're right. Why should they care at my distress at having to butcher my code just so IE works...

A pox on your crappy browser(s) Mr Gates.

All the best Cosmin, and pardon my rant Jennifer. Sleep deprivation, the inability to rationalise last night's css nightmare, and a client asking "is it finished yet?" gets me every time.</description>
		<content:encoded><![CDATA[<p>Don&#8217;t get me wrong cosmin - I&#8217;m a standards advocate. I think long and hard about semantics and always try for clean and lean. And I hate all flavours of IE with a passion; it&#8217;s the bane of my life. IE had me at my desk til 3am this morning writing conditional css statements, replacing my delicious poetic floats with saccharine position absolutes and trying to track down javascript &#8220;errors&#8221; when my real browsers were happily tucked up in the land of nod.</p>
<p>When I&#8217;m working on a personal site or a vanity project I couldn&#8217;t care less for IE and I sing it from the rooftops. But I earn my bread as a gun for hire, and my clients have, quite rightly, a different view. For example, I run a site for a European commercial radio station with an 83% IE visitorship, and a site in the Middle East, where the only people with Macs are printers and designers, and everyone uses the browser that comes with their PC.</p>
<p>Now, I can tell those clients how utterly crap their copy of IE5.5 (yes, you read that right) 6 or 7 is and that the code I&#8217;ve written is &#8220;perfect&#8221;, standards compliant, semantic and sexy, but nobody&#8217;s interested, and they&#8217;ll laugh at me and think to themselves &#8220;heh heh funny internet guy, now fix it and make it work&#8230;&#8221; And the thing is, for each of &#8220;us&#8221; that feels like this, there are a thousand of &#8220;them&#8221; who couldn&#8217;t care less as long as they can send an email. &#8220;But I like IE, it comes with my PC&#8221; etc. And, in a sense, they&#8217;re right. Why should they care at my distress at having to butcher my code just so IE works&#8230;</p>
<p>A pox on your crappy browser(s) Mr Gates.</p>
<p>All the best Cosmin, and pardon my rant Jennifer. Sleep deprivation, the inability to rationalise last night&#8217;s css nightmare, and a client asking &#8220;is it finished yet?&#8221; gets me every time.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: cosmin</title>
		<link>http://blog.neatlysliced.com/2007/01/standards-compliant-javascript-rollovers/#comment-10523</link>
		<dc:creator>cosmin</dc:creator>
		<pubDate>Tue, 18 Nov 2008 19:57:47 +0000</pubDate>
		<guid isPermaLink="false">http://blog.neatlysliced.com/2007/01/standards-compliant-javascript-rollovers/#comment-10523</guid>
		<description>Hi again :)

Indeed, aljuk, you have a point.

However, getting back to the IE6 support...if us, the developers, don't show the users how bad it is, then who will?
Don't you think it's time we supported standards compliant browsers, that will make both our and our clinet's lifes a lot easier?

All the best!</description>
		<content:encoded><![CDATA[<p>Hi again <img src='http://blog.neatlysliced.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Indeed, aljuk, you have a point.</p>
<p>However, getting back to the IE6 support&#8230;if us, the developers, don&#8217;t show the users how bad it is, then who will?<br />
Don&#8217;t you think it&#8217;s time we supported standards compliant browsers, that will make both our and our clinet&#8217;s lifes a lot easier?</p>
<p>All the best!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: aljuk</title>
		<link>http://blog.neatlysliced.com/2007/01/standards-compliant-javascript-rollovers/#comment-10522</link>
		<dc:creator>aljuk</dc:creator>
		<pubDate>Tue, 18 Nov 2008 18:24:09 +0000</pubDate>
		<guid isPermaLink="false">http://blog.neatlysliced.com/2007/01/standards-compliant-javascript-rollovers/#comment-10522</guid>
		<description>I look forward to that.</description>
		<content:encoded><![CDATA[<p>I look forward to that.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Jennifer</title>
		<link>http://blog.neatlysliced.com/2007/01/standards-compliant-javascript-rollovers/#comment-10521</link>
		<dc:creator>Jennifer</dc:creator>
		<pubDate>Tue, 18 Nov 2008 18:16:51 +0000</pubDate>
		<guid isPermaLink="false">http://blog.neatlysliced.com/2007/01/standards-compliant-javascript-rollovers/#comment-10521</guid>
		<description>Thanks for your thoughts, Dan and aljuk. I concur that an IMG tag is appropriate for content based images. CSS rollovers, although cool and "fancypants", aren't really semantic.

I never use the rollover anymore, I use the jQuery library and wrote my own rollover script implementing that. I will be posting that soon, and I will update this post when I do so.</description>
		<content:encoded><![CDATA[<p>Thanks for your thoughts, Dan and aljuk. I concur that an IMG tag is appropriate for content based images. CSS rollovers, although cool and &#8220;fancypants&#8221;, aren&#8217;t really semantic.</p>
<p>I never use the rollover anymore, I use the jQuery library and wrote my own rollover script implementing that. I will be posting that soon, and I will update this post when I do so.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: aljuk</title>
		<link>http://blog.neatlysliced.com/2007/01/standards-compliant-javascript-rollovers/#comment-10520</link>
		<dc:creator>aljuk</dc:creator>
		<pubDate>Tue, 18 Nov 2008 10:50:35 +0000</pubDate>
		<guid isPermaLink="false">http://blog.neatlysliced.com/2007/01/standards-compliant-javascript-rollovers/#comment-10520</guid>
		<description>Cosmin Says: "I really don’t see the use of it, as long as you can do it in at least 2 ways with CSS.."

If you're building a product image gallery, do you really want to be editing a verbose css file every time you need to alter the gallery content? Or do you think it makes more sense that your CONTENT (the images in this case) live within the webpage / database set-up?

Use css where it belongs, for styling your site layout. Unless your nav needs javascript transitions, specify nav rollovers in css (using a single image and background positioning on the hover state to aleviate the need for preloading). If an image is CONTENT as opposed to a styling asset, use javascript for its rollover.</description>
		<content:encoded><![CDATA[<p>Cosmin Says: &#8220;I really don’t see the use of it, as long as you can do it in at least 2 ways with CSS..&#8221;</p>
<p>If you&#8217;re building a product image gallery, do you really want to be editing a verbose css file every time you need to alter the gallery content? Or do you think it makes more sense that your CONTENT (the images in this case) live within the webpage / database set-up?</p>
<p>Use css where it belongs, for styling your site layout. Unless your nav needs javascript transitions, specify nav rollovers in css (using a single image and background positioning on the hover state to aleviate the need for preloading). If an image is CONTENT as opposed to a styling asset, use javascript for its rollover.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Dan Thurgood</title>
		<link>http://blog.neatlysliced.com/2007/01/standards-compliant-javascript-rollovers/#comment-10375</link>
		<dc:creator>Dan Thurgood</dc:creator>
		<pubDate>Tue, 07 Oct 2008 11:30:08 +0000</pubDate>
		<guid isPermaLink="false">http://blog.neatlysliced.com/2007/01/standards-compliant-javascript-rollovers/#comment-10375</guid>
		<description>these JS rollovers are useful because you can't add alt info to a css rollover image. That's why they're compliant... technically you shouldn't use image rollovers; this method lets you get around that

cheers.

Dan</description>
		<content:encoded><![CDATA[<p>these JS rollovers are useful because you can&#8217;t add alt info to a css rollover image. That&#8217;s why they&#8217;re compliant&#8230; technically you shouldn&#8217;t use image rollovers; this method lets you get around that</p>
<p>cheers.</p>
<p>Dan</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Cosmin</title>
		<link>http://blog.neatlysliced.com/2007/01/standards-compliant-javascript-rollovers/#comment-10348</link>
		<dc:creator>Cosmin</dc:creator>
		<pubDate>Fri, 18 Jul 2008 07:59:58 +0000</pubDate>
		<guid isPermaLink="false">http://blog.neatlysliced.com/2007/01/standards-compliant-javascript-rollovers/#comment-10348</guid>
		<description>Hello,

I really don't see the use of it, as long as you can do it in at least 2 ways with CSS..

1. ...is the :hover you already mentioned, and frankly IE6 is soon to be replaced (as IE8 is on it's way; also, in Safari you cannot make a form out of graphics, so it'll show up like that anyway)

2. as Al said, use one single image for the rollover, and adjust it's background-position. Fairly easy and with better support.
And less code, too :)

Anyway, I apreciate your time for sharing this with us :), thanks.</description>
		<content:encoded><![CDATA[<p>Hello,</p>
<p>I really don&#8217;t see the use of it, as long as you can do it in at least 2 ways with CSS..</p>
<p>1. &#8230;is the :hover you already mentioned, and frankly IE6 is soon to be replaced (as IE8 is on it&#8217;s way; also, in Safari you cannot make a form out of graphics, so it&#8217;ll show up like that anyway)</p>
<p>2. as Al said, use one single image for the rollover, and adjust it&#8217;s background-position. Fairly easy and with better support.<br />
And less code, too <img src='http://blog.neatlysliced.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Anyway, I apreciate your time for sharing this with us :), thanks.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Al</title>
		<link>http://blog.neatlysliced.com/2007/01/standards-compliant-javascript-rollovers/#comment-2980</link>
		<dc:creator>Al</dc:creator>
		<pubDate>Mon, 05 Nov 2007 21:35:32 +0000</pubDate>
		<guid isPermaLink="false">http://blog.neatlysliced.com/2007/01/standards-compliant-javascript-rollovers/#comment-2980</guid>
		<description>Nice little script... though I usually just add some hover:anything support (http://www.xs4all.nl/~peterned/csshover.html) script in an IE conditional comment.

Also, rather than swapping images, sometimes it can be easier to combine the two images into one that is twice the height (or width) and simply adjusting the background-position property -- saves having to preload.</description>
		<content:encoded><![CDATA[<p>Nice little script&#8230; though I usually just add some hover:anything support (http://www.xs4all.nl/~peterned/csshover.html) script in an IE conditional comment.</p>
<p>Also, rather than swapping images, sometimes it can be easier to combine the two images into one that is twice the height (or width) and simply adjusting the background-position property &#8212; saves having to preload.</p>
]]></content:encoded>
	</item>
</channel>
</rss>
