<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	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/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Jeremy Massel&#039;s Blog &#187; usability</title>
	<atom:link href="http://masseltech.com/category/usability/feed/" rel="self" type="application/rss+xml" />
	<link>http://masseltech.com</link>
	<description>Because sometimes I have good ideas too</description>
	<lastBuildDate>Wed, 11 Aug 2010 17:16:58 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>ASP.Net 301 Redirect</title>
		<link>http://masseltech.com/2010/03/asp-net-301-redirect/</link>
		<comments>http://masseltech.com/2010/03/asp-net-301-redirect/#comments</comments>
		<pubDate>Fri, 05 Mar 2010 22:17:26 +0000</pubDate>
		<dc:creator>jeremy.massel</dc:creator>
				<category><![CDATA[.Net]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[C#]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[IIS]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[server]]></category>
		<category><![CDATA[useful]]></category>
		<category><![CDATA[work]]></category>

		<guid isPermaLink="false">http://masseltech.com/?p=157</guid>
		<description><![CDATA[&#60;script runat=&#34;server&#34;&#62; private void Page_Load(object sender, System.EventArgs e) { Response.Status = &#34;301 Moved Permanently&#34;; Response.AddHeader(&#34;Location&#34;,&#34;http://www.new-url.com&#34;); } &#60;/script&#62;]]></description>
			<content:encoded><![CDATA[<p><code><br />
&lt;script runat=&quot;server&quot;&gt;<br />
private void Page_Load(object sender, System.EventArgs e)<br />
{<br />
Response.Status = &quot;301 Moved Permanently&quot;;<br />
Response.AddHeader(&quot;Location&quot;,&quot;http://www.new-url.com&quot;);<br />
}<br />
&lt;/script&gt;<br />
</code></p>
]]></content:encoded>
			<wfw:commentRss>http://masseltech.com/2010/03/asp-net-301-redirect/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Run JavaScript function every n seconds</title>
		<link>http://masseltech.com/2010/01/run-javascript-function-every-n-seconds/</link>
		<comments>http://masseltech.com/2010/01/run-javascript-function-every-n-seconds/#comments</comments>
		<pubDate>Mon, 11 Jan 2010 19:15:55 +0000</pubDate>
		<dc:creator>jeremy.massel</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[useful]]></category>

		<guid isPermaLink="false">http://masseltech.com/?p=132</guid>
		<description><![CDATA[//tell javascript to run a function in 1 second setTimeout ("myFunction()", 1000 ); function myFunction(){ //do stuff //once the function is finished, queue this function up to run again in 1 second setTimeout ( "myFunction()", 1000 ); }]]></description>
			<content:encoded><![CDATA[<p><code><br />
//tell javascript to run a function in 1 second<br />
setTimeout ("myFunction()", 1000 );</p>
<p>function myFunction(){<br />
        //do stuff</p>
<p>        //once the function is finished, queue this function up to run again in 1 second<br />
	setTimeout ( "myFunction()", 1000 );<br />
}</p>
<p></code></p>
]]></content:encoded>
			<wfw:commentRss>http://masseltech.com/2010/01/run-javascript-function-every-n-seconds/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Get latitude and longitude of an address using google maps</title>
		<link>http://masseltech.com/2009/09/get-latitude-and-longitude-of-an-address-using-google-mapst/</link>
		<comments>http://masseltech.com/2009/09/get-latitude-and-longitude-of-an-address-using-google-mapst/#comments</comments>
		<pubDate>Sun, 13 Sep 2009 04:33:51 +0000</pubDate>
		<dc:creator>jeremy.massel</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[useful]]></category>
		<category><![CDATA[work]]></category>

		<guid isPermaLink="false">http://masseltech.com/?p=98</guid>
		<description><![CDATA[Google doesn&#8217;t make it easy to show you the latitude and longitude of an address you search in google maps, but there&#8217;s an easy way to get the info. go to google maps, type the address, and click search once you&#8217;ve found it, go to your address bar and clear what&#8217;s in it paste: javascript:void(prompt('',gApplication.getMap().getCenter())); [...]]]></description>
			<content:encoded><![CDATA[<p>Google doesn&#8217;t make it easy to show you the latitude and longitude of an address you search in google maps, but there&#8217;s an easy way to get the info.</p>
<ol>
<li>go to google maps, type the address, and click search</li>
<li>once you&#8217;ve found it, go to your address bar and clear what&#8217;s in it</li>
<li>paste: <code>javascript:void(prompt('',gApplication.getMap().getCenter()));</code> into the address bar</li>
<li>use the coordinates for whatever you wish!</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://masseltech.com/2009/09/get-latitude-and-longitude-of-an-address-using-google-mapst/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Embedding Web Fonts: A cautionary tale</title>
		<link>http://masseltech.com/2009/07/embedding-web-fonts-a-cautionary-tale/</link>
		<comments>http://masseltech.com/2009/07/embedding-web-fonts-a-cautionary-tale/#comments</comments>
		<pubDate>Wed, 08 Jul 2009 21:14:46 +0000</pubDate>
		<dc:creator>jeremy.massel</dc:creator>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[usability]]></category>

		<guid isPermaLink="false">http://masseltech.com/?p=74</guid>
		<description><![CDATA[So for work, the designer says &#8220;Hey, can we use this font in the webpage&#8221; and like an idiot, I say &#8220;sure, why not?&#8221;. Well, FF and Safari don&#8217;t support .otf files (for whatever reason) So I download FontForge, open it in X11 (on my mac) and convert it to .ttf, which works great. Then [...]]]></description>
			<content:encoded><![CDATA[<p>So for work, the designer says &#8220;Hey, can we use this font in the webpage&#8221; and like an idiot, I say &#8220;sure, why not?&#8221;. Well, FF and Safari don&#8217;t support .otf files (for whatever reason) So I download FontForge, open it in X11 (on my mac) and convert it to .ttf, which works great.</p>
<p>Then I messed around in IE, trying to make it work, even downloading this tool:</p>
<p><a href="http://masseltech.com/wp-content/uploads/2009/07/Picture-31.png"><img class="alignnone size-thumbnail wp-image-76" title="Microsoft WEFT" src="http://masseltech.com/wp-content/uploads/2009/07/Picture-31-150x150.png" alt="Microsoft WEFT" width="150" height="150" /></a></p>
<p>Worst thing EVER. Don&#8217;t do this. Don&#8217;t get this. Don&#8217;t even look at this. You will feel violated if you use it.</p>
<p>So&#8230;how to embed an OTF font in a website (make sure you have a license to do so kids):</p>
<ol>
<li>Convert OTF file to .ttf (use fontForge)</li>
<li>Embed with @font-face</li>
<li>When adding the font to a style, in IE you <strong><em><span style="text-decoration: underline;">CAN NOT</span><span style="font-style: normal; font-weight: normal;"> call it by the name you gave it with the @font-face declaration. You have to call it by it&#8217;s name. So if the font&#8217;s name is myfontLTSTDBOLDITALICROMAN you have to do: body{ font-family: myfontLTSTDBOLDITALICROMAN; } Sucky? Very. Works? yes.</span></em></strong></li>
</ol>
<p>Have a nice day</p>
]]></content:encoded>
			<wfw:commentRss>http://masseltech.com/2009/07/embedding-web-fonts-a-cautionary-tale/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Cause a field to be auto-focused when the page is done loading</title>
		<link>http://masseltech.com/2009/05/cause-a-field-to-be-auto-focused-when-the-page-is-done-loading/</link>
		<comments>http://masseltech.com/2009/05/cause-a-field-to-be-auto-focused-when-the-page-is-done-loading/#comments</comments>
		<pubDate>Wed, 06 May 2009 17:39:45 +0000</pubDate>
		<dc:creator>jeremy.massel</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[useful]]></category>
		<category><![CDATA[work]]></category>

		<guid isPermaLink="false">http://masseltech.com/?p=31</guid>
		<description><![CDATA[So, wouldn&#8217;t it be user friendly, if when you went to a form page in a document, if the cursor was automagically positioned at the first field in the form? Why, yes it would. Try: Event.observe(window, 'load', function(){ try { $('eventName').focus(); } catch (e) {} }); after your &#60;/form&#62; tag. This requires the prototype javascript [...]]]></description>
			<content:encoded><![CDATA[<p>So, wouldn&#8217;t it be user friendly, if when you went to a form page in a document, if the cursor was automagically positioned at the first field in the form?</p>
<p>Why, yes it would. Try:</p>
<pre>

Event.observe(window, 'load', function(){
     try {
          $('eventName').focus();
     } 

     catch (e) {}
});
</pre>
<p><span>after your &lt;/form&gt; tag. </span> This requires the prototype javascript library</p>
]]></content:encoded>
			<wfw:commentRss>http://masseltech.com/2009/05/cause-a-field-to-be-auto-focused-when-the-page-is-done-loading/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
