Jeremy Massel's Blog » usability http://masseltech.com Because sometimes I have good ideas too Sat, 25 Feb 2012 02:02:39 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Drop-in jQuery placeholder fix http://masseltech.com/2011/02/drop-in-jquery-placeholder-fix/ http://masseltech.com/2011/02/drop-in-jquery-placeholder-fix/#comments Fri, 04 Feb 2011 21:19:01 +0000 jeremy.massel http://masseltech.com/?p=237 If you want to enable the “placeholder” attribute of input boxes in browsers that don’t support it, simply download this file, and include it anywhere on your page. It will copy the native functionality, and disable itself in browsers that already support the attribute.

This file will require a reasonably new version of jQuery to run correctly (and yes, it works in no-conflict mode).

jQuery.placeholder.1.0.1.min

Comments, questions? Feel free to comment.

NOTE: This project has been moved into github

]]> http://masseltech.com/2011/02/drop-in-jquery-placeholder-fix/feed/ 3 ASP.Net 301 Redirect http://masseltech.com/2010/03/asp-net-301-redirect/ http://masseltech.com/2010/03/asp-net-301-redirect/#comments Fri, 05 Mar 2010 22:17:26 +0000 jeremy.massel http://masseltech.com/?p=157
<script runat="server">
private void Page_Load(object sender, System.EventArgs e)
{
Response.Status = "301 Moved Permanently";
Response.AddHeader("Location","http://www.new-url.com");
}
</script>

]]> http://masseltech.com/2010/03/asp-net-301-redirect/feed/ 0 Run JavaScript function every n seconds http://masseltech.com/2010/01/run-javascript-function-every-n-seconds/ http://masseltech.com/2010/01/run-javascript-function-every-n-seconds/#comments Mon, 11 Jan 2010 19:15:55 +0000 jeremy.massel http://masseltech.com/?p=132
//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 );
}

]]> http://masseltech.com/2010/01/run-javascript-function-every-n-seconds/feed/ 1 Get latitude and longitude of an address using google maps http://masseltech.com/2009/09/get-latitude-and-longitude-of-an-address-using-google-mapst/ http://masseltech.com/2009/09/get-latitude-and-longitude-of-an-address-using-google-mapst/#comments Sun, 13 Sep 2009 04:33:51 +0000 jeremy.massel http://masseltech.com/?p=98 Google doesn’t make it easy to show you the latitude and longitude of an address you search in google maps, but there’s an easy way to get the info.

  1. go to google maps, type the address, and click search
  2. once you’ve found it, go to your address bar and clear what’s in it
  3. paste: javascript:void(prompt('',gApplication.getMap().getCenter())); into the address bar
  4. use the coordinates for whatever you wish!
]]> http://masseltech.com/2009/09/get-latitude-and-longitude-of-an-address-using-google-mapst/feed/ 0 Embedding Web Fonts: A cautionary tale http://masseltech.com/2009/07/embedding-web-fonts-a-cautionary-tale/ http://masseltech.com/2009/07/embedding-web-fonts-a-cautionary-tale/#comments Wed, 08 Jul 2009 21:14:46 +0000 jeremy.massel http://masseltech.com/?p=74 So for work, the designer says “Hey, can we use this font in the webpage” and like an idiot, I say “sure, why not?”. Well, FF and Safari don’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 I messed around in IE, trying to make it work, even downloading this tool:

Microsoft WEFT

Worst thing EVER. Don’t do this. Don’t get this. Don’t even look at this. You will feel violated if you use it.

So…how to embed an OTF font in a website (make sure you have a license to do so kids):

  1. Convert OTF file to .ttf (use fontForge)
  2. Embed with @font-face
  3. When adding the font to a style, in IE you CAN NOT call it by the name you gave it with the @font-face declaration. You have to call it by it’s name. So if the font’s name is myfontLTSTDBOLDITALICROMAN you have to do: body{ font-family: myfontLTSTDBOLDITALICROMAN; } Sucky? Very. Works? yes.

Have a nice day

]]> http://masseltech.com/2009/07/embedding-web-fonts-a-cautionary-tale/feed/ 3 Cause a field to be auto-focused when the page is done loading http://masseltech.com/2009/05/cause-a-field-to-be-auto-focused-when-the-page-is-done-loading/ http://masseltech.com/2009/05/cause-a-field-to-be-auto-focused-when-the-page-is-done-loading/#comments Wed, 06 May 2009 17:39:45 +0000 jeremy.massel http://masseltech.com/?p=31 So, wouldn’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 </form> tag. This requires the prototype javascript library

]]> http://masseltech.com/2009/05/cause-a-field-to-be-auto-focused-when-the-page-is-done-loading/feed/ 0