Tuesday, November 9, 2010

Making More Natural Desktop Notifications in Chrome

Do you have a website or application that uses Google Chrome Desktop Notifications? 
Well, let me just share with you this very simple snippit of code that will make their interaction a lot
more natural.
[codesyntax lang=xml]<!DOCTYPE html>
<html>
<head>

<meta charset="utf-8">
<style>
html * { font-family:
sans-serif; }
h1 { padding: 0; margin: 0; font-size: 12pt; font-weight: bold; }
body {
font-size: 10pt; }
</style>
<script>
function
changeLinks() { for(var i = 0;i < document.getElementsByTagName("a").length;i++) { ele =
document.getElementsByTagName("a")[i]; ele.target = "_blank"; } }
function detectClick(e) { var
rightclick; if (!e) { var e = window.event; } if (e.which) { rightclick = (e.which == 3); } else if
(e.button) { rightclick = (e.button == 2); } if (rightclick) { self.close(); } }
</script>
</head>
<body
onload="document.timeout = setTimeout(self.close,5000);changeLinks();"
onmouseover="clearTimeout(document.timeout);" onmouseout="document.timeout = setTimeout(self.close,5000);"
onmouseup="detectClick();">
<a
style="display:block;cursor:normal;padding:0;margin:0;color:black;text-decoration:none;"
onclick="self.close();" href="/link/" target="_blank">
<h1>Title</h1>

<span>Message</span>
</a>
</body></html>
[/codesyntax]

Thats
really all there is to it. Lives on a 5 second time. If you hover over it, it stays longer, if you right
click it it closes. If you click it it goes to /link/. Quite nifty, if I do say so myself.

Its
slightly buggy regarding links in the message.. but meh.

Wednesday, November 3, 2010

Give your Flip Cam an Icon on Windows

style="border-bottom: ; border-left: ; margin: 0px 10px 10px 0px; padding-left: ; padding-right: ; display:
inline; float: left; border-top: ; border-right: ; padding-top: " title="image" alt="image" align="left"
src="http://tech.navarr.me/wp-content/uploads/2010/11/image_thumb.png" width="166" height="240" />
Did
you delete all the files on your flip cam at least once?  Or do you not like that FlipShare icon
that always shows up whenever you plug your FlipCam into your Windows computer?  Well, until the
nice people over at Cisco decide to support Windows 7 Device Stage for their FlipCam line, you can at least
come half way and make sure your camera has a nice little icon.

This is pretty easy, and
as long as you’re not depending on the autorun.inf to open FlipShare every time you plug your Flip Camera in
(and if you’re reading this blog, I’m 90% sure you aren’t), you can just copy the contents of the href="http://awesome.gtaero.net/flip-icon.zip">Flip Icon Zip File to the base directory of your
Flip Cam, and it will start showing up in Auto Play (if enabled) and Windows Explorer with this very lovely,
very high resolution icon created by rel="nofollow">Tim Van Damme.

For a preview of what this looks like in
Windows Explorer:

href="http://tech.navarr.me/wp-content/uploads/2010/11/image6.png" rel="lightbox"> style="border-bottom: ; border-left: ; margin: ; padding-left: ; padding-right: ; display: block; float:
none; border-top: ; border-right: ; padding-top: " title="image6" alt="image6"
src="http://tech.navarr.me/wp-content/uploads/2010/11/image6_thumb.png" width="500" height="390" />