<?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"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		>
<channel>
	<title>Comments on: Look, ma! No Javascript!</title>
	<atom:link href="http://filipinowebdesigner.com/2007/02/26/look-ma-no-javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://filipinowebdesigner.com/2007/02/26/look-ma-no-javascript/</link>
	<description>A half-geek, half-artist's creatively nerdy journal on design and blogging</description>
	<lastBuildDate>Tue, 12 Jul 2011 15:19:56 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
	<item>
		<title>By: Widgets</title>
		<link>http://filipinowebdesigner.com/2007/02/26/look-ma-no-javascript/comment-page-1/#comment-810</link>
		<dc:creator>Widgets</dc:creator>
		<pubDate>Mon, 15 Oct 2007 04:18:09 +0000</pubDate>
		<guid isPermaLink="false">http://filipinowebdesigner.com/2007/02/26/look-ma-no-javascript/#comment-810</guid>
		<description>Hi,

The tread seems okay, adams right plus the fact that you are using CSS, you don&#039;t need to create images, CSS offers a really tricky styles, like changing the background, size of fonts when you hover the link or you can just check out nifty navigation. there&#039;s a lot of sources on the web just a little tweeking and your off and running.</description>
		<content:encoded><![CDATA[<p>Hi,</p>
<p>The tread seems okay, adams right plus the fact that you are using CSS, you don&#8217;t need to create images, CSS offers a really tricky styles, like changing the background, size of fonts when you hover the link or you can just check out nifty navigation. there&#8217;s a lot of sources on the web just a little tweeking and your off and running.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Cao Phong</title>
		<link>http://filipinowebdesigner.com/2007/02/26/look-ma-no-javascript/comment-page-1/#comment-809</link>
		<dc:creator>Cao Phong</dc:creator>
		<pubDate>Sun, 07 Oct 2007 13:36:56 +0000</pubDate>
		<guid isPermaLink="false">http://filipinowebdesigner.com/2007/02/26/look-ma-no-javascript/#comment-809</guid>
		<description>That&#039;s cool CSS,

You can visit http://javascriptbank.com/javascript/css-javascript.html for more</description>
		<content:encoded><![CDATA[<p>That&#8217;s cool CSS,</p>
<p>You can visit <a href="http://javascriptbank.com/javascript/css-javascript.html" rel="nofollow">http://javascriptbank.com/javascript/css-javascript.html</a> for more</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: stylemo</title>
		<link>http://filipinowebdesigner.com/2007/02/26/look-ma-no-javascript/comment-page-1/#comment-808</link>
		<dc:creator>stylemo</dc:creator>
		<pubDate>Thu, 07 Jun 2007 01:23:04 +0000</pubDate>
		<guid isPermaLink="false">http://filipinowebdesigner.com/2007/02/26/look-ma-no-javascript/#comment-808</guid>
		<description>Or better yet use the negative text indention.

.button a{
text-indent:-9999px;
}</description>
		<content:encoded><![CDATA[<p>Or better yet use the negative text indention.</p>
<p>.button a{<br />
text-indent:-9999px;<br />
}</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Jenny</title>
		<link>http://filipinowebdesigner.com/2007/02/26/look-ma-no-javascript/comment-page-1/#comment-807</link>
		<dc:creator>Jenny</dc:creator>
		<pubDate>Sun, 22 Apr 2007 08:34:11 +0000</pubDate>
		<guid isPermaLink="false">http://filipinowebdesigner.com/2007/02/26/look-ma-no-javascript/#comment-807</guid>
		<description>Aww no themes? Obekaybe I SHALL RETURN!!</description>
		<content:encoded><![CDATA[<p>Aww no themes? Obekaybe I SHALL RETURN!!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Aja Lapus</title>
		<link>http://filipinowebdesigner.com/2007/02/26/look-ma-no-javascript/comment-page-1/#comment-806</link>
		<dc:creator>Aja Lapus</dc:creator>
		<pubDate>Sat, 31 Mar 2007 17:53:00 +0000</pubDate>
		<guid isPermaLink="false">http://filipinowebdesigner.com/2007/02/26/look-ma-no-javascript/#comment-806</guid>
		<description>I agree with Adam as well. And for complete semantics and SEO, may I suggest you replace the &lt;code&gt;&nbsp;&lt;/code&gt; with the actual link text and hide them using the following CSS code block:

&lt;code&gt;.button a {
 height: 0;
 overflow: hidden;
 padding-top: 51px;
}&lt;/code&gt;

This way, those without browser CSS support and search engine crawlers still know where they are going. :)</description>
		<content:encoded><![CDATA[<p>I agree with Adam as well. And for complete semantics and SEO, may I suggest you replace the <code>&amp;nbsp;</code> with the actual link text and hide them using the following CSS code block:</p>
<p><code>.button a {<br />
 height: 0;<br />
 overflow: hidden;<br />
 padding-top: 51px;<br />
}</code></p>
<p>This way, those without browser CSS support and search engine crawlers still know where they are going. <img src='http://filipinowebdesigner.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
	</item>
	<item>
		<title>By: stylemo</title>
		<link>http://filipinowebdesigner.com/2007/02/26/look-ma-no-javascript/comment-page-1/#comment-805</link>
		<dc:creator>stylemo</dc:creator>
		<pubDate>Fri, 02 Mar 2007 04:26:07 +0000</pubDate>
		<guid isPermaLink="false">http://filipinowebdesigner.com/2007/02/26/look-ma-no-javascript/#comment-805</guid>
		<description>I agree with adam. When I checked out kutitos.com and hovered onto the topnav, the background image was missing. One reason, it didn&#039;t preload. The better solution for this is by using sprites. You can check out &lt;a href=&quot;http://www.stylemo.com/2006/09/20/revisiting-css-sprites-part-1/&quot; rel=&quot;nofollow&quot;&gt;my tutorial&lt;/a&gt; if you like.</description>
		<content:encoded><![CDATA[<p>I agree with adam. When I checked out kutitos.com and hovered onto the topnav, the background image was missing. One reason, it didn&#8217;t preload. The better solution for this is by using sprites. You can check out <a href="http://www.stylemo.com/2006/09/20/revisiting-css-sprites-part-1/" rel="nofollow">my tutorial</a> if you like.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Dorte</title>
		<link>http://filipinowebdesigner.com/2007/02/26/look-ma-no-javascript/comment-page-1/#comment-804</link>
		<dc:creator>Dorte</dc:creator>
		<pubDate>Tue, 27 Feb 2007 18:36:55 +0000</pubDate>
		<guid isPermaLink="false">http://filipinowebdesigner.com/2007/02/26/look-ma-no-javascript/#comment-804</guid>
		<description>Hello there. I&#039;m sorry if this is the wrong place to post this question, but I can&#039;t seem to click the FAQ or anything else except the home link, at the top (not even the searchbar). Anyway my question about your lovely them, dapit_hapon:
- I&#039;m editing the dateline in the comments, but it still keeps making the first letter small in the date, like friday, monday, instead of Friday, Monday. I&#039;m just a bit confused, just started fidling with CSS a few days ago, the code looks alright. I&#039;ve seen examples and &quot;l&quot; is used to get the first letter big, but still it doesn&#039;t work.
- Acutally it&#039;s the same problem for archieves, the month start with a small letter.
- Final question, under the catagories, let&#039;s say I have a catagory called &quot;Example&quot;, I would like it to say &quot;Example (number of posts)&quot;. So you can see how many posts, currently is in each catagory.

I hope you can help, I&#039;m almost giving up lol, this is my 4. try at a different theme ;)</description>
		<content:encoded><![CDATA[<p>Hello there. I&#8217;m sorry if this is the wrong place to post this question, but I can&#8217;t seem to click the FAQ or anything else except the home link, at the top (not even the searchbar). Anyway my question about your lovely them, dapit_hapon:<br />
- I&#8217;m editing the dateline in the comments, but it still keeps making the first letter small in the date, like friday, monday, instead of Friday, Monday. I&#8217;m just a bit confused, just started fidling with CSS a few days ago, the code looks alright. I&#8217;ve seen examples and &#8220;l&#8221; is used to get the first letter big, but still it doesn&#8217;t work.<br />
- Acutally it&#8217;s the same problem for archieves, the month start with a small letter.<br />
- Final question, under the catagories, let&#8217;s say I have a catagory called &#8220;Example&#8221;, I would like it to say &#8220;Example (number of posts)&#8221;. So you can see how many posts, currently is in each catagory.</p>
<p>I hope you can help, I&#8217;m almost giving up lol, this is my 4. try at a different theme <img src='http://filipinowebdesigner.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
]]></content:encoded>
	</item>
	<item>
		<title>By: adam</title>
		<link>http://filipinowebdesigner.com/2007/02/26/look-ma-no-javascript/comment-page-1/#comment-803</link>
		<dc:creator>adam</dc:creator>
		<pubDate>Mon, 26 Feb 2007 16:17:45 +0000</pubDate>
		<guid isPermaLink="false">http://filipinowebdesigner.com/2007/02/26/look-ma-no-javascript/#comment-803</guid>
		<description>actually, that&#039;s the way i used to do hover images.  but since the hover-state image isn&#039;t displayed by default, most browsers won&#039;t preload the image (unless you tell them to with javascript).

a better solution is to make a two-state image like &lt;a href=&quot;http://archgfx.net/wordpress/wp-content/themes/sandbox/skins/joshuaink/logo_sandbox.png&quot; rel=&quot;nofollow&quot;&gt;this&lt;/a&gt;

and then use this CSS for your hover state:
&lt;code&gt;#header h1 a:hover {
background-position:-200px 0;
}&lt;/code&gt;

that way, the image is already loaded by the time you mouse over it, and it&#039;s trivial for the browser to change the background position.</description>
		<content:encoded><![CDATA[<p>actually, that&#8217;s the way i used to do hover images.  but since the hover-state image isn&#8217;t displayed by default, most browsers won&#8217;t preload the image (unless you tell them to with javascript).</p>
<p>a better solution is to make a two-state image like <a href="http://archgfx.net/wordpress/wp-content/themes/sandbox/skins/joshuaink/logo_sandbox.png" rel="nofollow">this</a></p>
<p>and then use this CSS for your hover state:<br />
<code>#header h1 a:hover {<br />
background-position:-200px 0;<br />
}</code></p>
<p>that way, the image is already loaded by the time you mouse over it, and it&#8217;s trivial for the browser to change the background position.</p>
]]></content:encoded>
	</item>
</channel>
</rss>

