Thursday, March 22, 2007

YUI-EXT - A cool tool

A friend a work linked me to this. It's a neat javascript package. It's an extension off of Yahoo! User Interface (YUI) Library. It is called yui-ext.

If you are not familiar with YUI, it "...is a javascript library that is a set of utilities and controls, written in JavaScript, for building richly interactive web applications using techniques such as DOM scripting, DHTML and AJAX. The YUI Library also includes several core CSS resources. All components in the YUI Library have been released as open source under a BSD license and are free for all uses." (Quote from http://developer.yahoo.com/yui/.)

This library takes the YUI another level. It is a bit hefty at a 345kb js file download for the users.

Friday, March 09, 2007

Musicovery

MusicoveryMusicovery Options Panel View 1
Musicovery Options Panel View 1
I found this site courtesy of http://www.i-am-bored.com. The name of the site is Musicovery. This is a site where you can listen to music based upon your "Mood" or "Dance" setting. You can also select what kinds of genres that you do and don't want to listen to, the time frame of music, and whether they are hits or not.

The program maps songs in an order and gives you the ability to pause the current song or to switch to the next song. As you switch to the next songs in the list, it updates the song "map." The site also provides links to Amazon and iTunes so that you can buy the track.

For an example, the settings I chose were a high tempo with dance being middle of the road. I also chose to have music only in the 2000's and to play hits and non-hits. With the genre's of: rap, R & B, metal, rock, vocal pop, pop, electro, soundtrack, funk, and disco.

I got results such as: Killers, "Mr. Brightside"; Type O Negative, "Life is killing me"; Gorillaz, "Clint Eastwood"; Will Smith, "Men in black"; Armand van Helden, "Come Play With Me"; American Hi Fi, "Flavour of the week"; White Stripes, "Blue Orchid"; Rihanna, "Pon de replay".

I think this is a pretty neat site.

Wednesday, November 08, 2006

favicon.ico

A favicon (short for "favorites icon"), also known as a page icon, is an icon associated with a particular website or webpage. A web designer can create such an icon, and many graphical web browsers—such as recent versions of Internet Explorer, Firefox, Mozilla, Opera, Safari, iCab, AOL Explorer, Epiphany, Konqueror, and Flock—can then make use of them. Browsers that support favicons may display them in the browser's URL bar, next to the site's name in lists of bookmarks, and next to the page's title in a tabbed document interface.

The original means of defining a favicon was by placing a file called favicon.ico in the root directory of a webserver. This would then automatically be used in Internet Explorer's favorites (bookmarks) display. Later, however, a more flexible system was created, using HTML to indicate the location of an icon for any given page. This is achieved by adding two link elements in the <head> section of the document as detailed below. In this way, any appropriately sized (16×16 pixels or larger) image can be used, and although many still use the .ico format, other browsers now also support the animated GIF and PNG image formats.

The "favicon.ico" facility is by no means essential to your website's operation. In fact, few people even notice its existence, and its really too small to put anything useful in it.

However, creating one can save your site some bandwidth if you have created a custom 404 File Not Found error file - that file will be sent by your web server everytime there is a request for a nonexistent "favicon.ico" file.

Perhaps more importantly, creating such an icon adds to the professionalism of your site, marking you as a web designer who attends to detail.

Monday, August 07, 2006

IE Bug Using document.getElementById()

If you are using either document.getElementById() or prototype's $() and you have an element in your page with it's name that is the same as the id of an element that comes after it, DON'T DO IT!!!

IE treats the id and name attributes of elements equally when using document.getElementById().

For an example, use the following HTML code.


<html>
<body>
name: testMe
<input type="text" name="testMe" value="First Element" /><br />
name: dontTestMe id: testMe
<input type="text" name="dontTestMe" id="testMe" value="Second Element" />
<br />
<input type="button" onclick="alert(document.getElementById('testMe').value);" value="Click me to see what happens." " />
</body>
</html>


Working Example


name: testMe


name: dontTestMe id: testMe



Friday, May 26, 2006

Security Warning on MSDN



I got this warning when trying to go to MSDN from a search.

How comical is this!?