<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>Seifi.org</title>
	
	<link>http://www.seifi.org</link>
	<description>A Web Development Blog by Joe Seifi - seifi.org</description>
	<lastBuildDate>Thu, 12 Aug 2010 05:35:09 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/seifiorg" /><feedburner:info uri="seifiorg" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
		<title>10 Beautiful Stands for your New iPad</title>
		<link>http://feedproxy.google.com/~r/seifiorg/~3/MSEi2ggLRis/10-beautiful-stands-for-your-new-ipad.html</link>
		<comments>http://www.seifi.org/apple/10-beautiful-stands-for-your-new-ipad.html#comments</comments>
		<pubDate>Thu, 08 Apr 2010 21:06:50 +0000</pubDate>
		<dc:creator>Joe Seifi</dc:creator>
				<category><![CDATA[apple]]></category>
		<category><![CDATA[gadgets]]></category>
		<category><![CDATA[ipad]]></category>

		<guid isPermaLink="false">http://www.seifi.org/?p=742</guid>
		<description><![CDATA[Looking for a dock, stand, frame, or other accessories to display your new iPad on your desk? Check out these top 10 beautiful and professional options for displaying your iPad for top designers. Some of them are still being produced, and some are available for purchase. Griffin A-Frame Tabletop Stand for iPad Price: $49.99 The [...]]]></description>
			<content:encoded><![CDATA[<p>Looking for a dock, stand, frame, or other accessories to display your new iPad on your desk? </p>
<p>Check out these top 10 beautiful and professional options for displaying your iPad for top designers. Some of them are still being produced, and some are available for purchase. </p>
<p><a href="http://www.griffintechnology.com/products/a-frame">Griffin A-Frame Tabletop Stand for iPad</a> Price: $49.99<br />
<img src="http://www.seifi.org/wp-content/uploads/2010/04/stand1.jpg" alt="iPad Stand" title="stand10" height="165" class="alignnone size-full wp-image-756" /><br />
<blockquote>The heavy aluminum stand swings open to hold your iPad upright, in either portrait or landscape view &#8230; perfect for watching video, or viewing pictures. Or close the legs and lay the stand down to hold your iPad at the perfect angle to use it for desk- or table-top surfing, reading or gaming. Soft silicone cradles your iPad and accommodates the iPad&#8217;s dock/sync cable. Designed to accommodate Griffin&#8217;s flexible and hard-shell cases and many others.</p></blockquote>
<p><a href="http://www.dodocase.com/">The iPad DODOcase</a> Price: $49.95<br />
<img src="http://www.seifi.org/wp-content/uploads/2010/04/stand2.jpg" alt="iPad Stand" title="stand10" height="165" class="alignnone size-full wp-image-756" /><br />
<blockquote>The limited first edition iPad DODOcase is inspired by the Moleskine journals of our favorite artists. Made by hand in San Francisco CA using traditional book binding techniques the DODOcase brings a classic look to protecting your iPad.<br />
A perfect blend of the traditional feel of a book with the technological power of the iPad.</p></blockquote>
<p><a href="http://www.scosche.com/products/sfID1/210/sfID2/365/productID/1923">IPDK</a> Price: $44.99<br />
<img src="http://www.seifi.org/wp-content/uploads/2010/04/stand3.jpg" alt="iPad Stand" title="stand10" height="165" class="alignnone size-full wp-image-756" /><br />
<blockquote>Shatterproof polycarbonate and shock resistant black rubber hybrid case for iPad. Includes kickBACK case, ultra-clear screen protector and a microfiber cleaning cloth.<br />
Hinged kickstand for convenient widescreen and vertical viewing as well as low-angle typing. Polycarbonate and rubber hybrid case provides unmatched protection and shock resistance. Integrated traction nubs provide grip on flat surfaces</p></blockquote>
<p><a href="http://twelvesouth.com/products/BookArc-iPad/">BookArc for iPad</a> Price: $39.99<br />
<img src="http://www.seifi.org/wp-content/uploads/2010/04/stand4.jpg" alt="iPad Stand" title="stand10" height="165" class="alignnone size-full wp-image-756" /><br />
<blockquote>BookArc for iPad gives you a choice of four different positions. In “work mode,” iPad sits at an angle in both portrait and landscape positions, and provides access to the home button. In “storage mode” iPad sits upright in both portrait and landscape positions, perfect for charging and using your iPad as a stylish photo frame. No matter what position you’re in, you always have access to the charging port.</p></blockquote>
<p><a href="http://luxa2.com/">LUXA2 H4</a> Price: $?<br />
<img src="http://www.seifi.org/wp-content/uploads/2010/04/stand5.jpg" alt="iPad Stand" title="stand10" height="165" class="alignnone size-full wp-image-756" /><br />
<blockquote>LUXA2 H4, is an e-book holder made of solid aluminum with a sleek and chic design tailor-made for the Apple iPad and other e-book readers. With firm and strong bottom, 6 supporting arms with rubber pins, and silicone pad design, it is the best holder to read, browse and play with iPad. It holds, You Play.</p></blockquote>
<p><a href="http://www.jr.com/macally/pe/MCY_VIEWSTAND/">Macally VIEWSTAND for iPad</a> Price: $49.99<br />
<img src="http://www.seifi.org/wp-content/uploads/2010/04/stand6.jpg" alt="iPad Stand" title="stand10" height="165" class="alignnone size-full wp-image-756" /><br />
<blockquote>Orgonomically designed to improve typing &#038; viewing comfort / Offers various viewing orientation &#038; angles / Sleek design to match your iPad. Ergonomically designed to improve typing and viewing comfort. Offers various viewing orientation and angles. Sleek design to match your iPad. Supports vertical and horizontal viewing. Durable Aluminum Body With Scratch Prove Thermo Polyurethane Coating
</p></blockquote>
<p><a href="http://www.elementcase.com/home/ipad.html">Joule Ipad Stand</a> Price: $129.99<br />
<img src="http://www.seifi.org/wp-content/uploads/2010/04/stand7.jpg" alt="iPad Stand" title="stand10" height="165" class="alignnone size-full wp-image-756" /><br />
<blockquote>Designed With Both Landscape and Portrait Modes in mind.<br />
Introducing the new &#8220;Joule&#8221; work stand for your iPad. It&#8217;s stable solid base has a simple, clean, and elegant design that enhances your iPad and makes it easier to use. Unlike most stands, the Joule won&#8217;t tip over when using the iPad&#8217;s touch screen.  Allowing you to better utilize your iPad on your deskop or kitchen counter top.<br />
 CNC machined in the USA from solid aluminum, the Joule comes in a brilliant polished finish or a black anodized coating. Custom coatings and laser engraved graphics are available.</p></blockquote>
<p><a href="http://www.jadu-industries.com/iPad-Accessories/iPad-Stand.html">Skadoosh by Jadu</a>  Price: $?<br />
<img src="http://www.seifi.org/wp-content/uploads/2010/04/stand8.jpg" alt="iPad Stand" title="stand10" height="165" class="alignnone size-full wp-image-756" /><br />
<blockquote>The Skadoosh iPad stand&#8217;s innovative design incorporates lightweight aluminum strength, a flip out support, and a push button lock to hold your iPad at any angle. The Skadoosh iPad stand is the perfect accessory to stand your pad. Hold down the button on the front of the stand and adjust the iPad to the optimal angle. Releasing the button locks it right where you need it. Use the touch screen abilities of the iPad confident that the Skadoosh iPad stand will hold it solid.</p></blockquote>
<p><a href="http://theipadframe.com/">The iPad iFrame dock</a> Price: $49.99<br />
<img src="http://www.seifi.org/wp-content/uploads/2010/04/stand9.png" alt="iPad Stand" title="stand10" height="165" class="alignnone size-full wp-image-756" /><br />
<blockquote>Easily slide your iPad in this frame dock to charge and display your photos, movies or app. Put in on your night table, work desk or living room to display your iPad in landscape or portrait mode while still charging it. A unique system allows you to easily slide your iPad in the dock in either landscape or portrait mode. A sturdy frame holds your iPad securely without damaging it. It just as easily slides out.</p></blockquote>
<h2>iPad Stand Hacks</h2>
<p>If you&#8217;re looking for something cheap and dirty to hold your iPad up at a viewable angle while you work, consider buying any old &#8220;copyholder&#8221; or &#8220;book stand&#8221; that you can find online for really cheap. I personally picked up a couple of these $7 stands from Amazon.</p>
<p><a href="http://www.amazon.com/gp/product/B002Z6CJ9W?ie=UTF8&#038;tag=mojoseifi-20&#038;linkCode=as2&#038;camp=1789&#038;creative=390957&#038;creativeASIN=B002Z6CJ9W">ROLODEX Nestable Wire Mesh Freestanding Desktop Copyholder</a> Price: $6.99<br />
<img src="http://www.seifi.org/wp-content/uploads/2010/04/stand_hack2.jpg" alt="iPad Stand Hack" /></p>
<p><a href="http://www.amazon.com/gp/product/B001E6CUHA?ie=UTF8&#038;tag=mojoseifi-20&#038;linkCode=as2&#038;camp=1789&#038;creative=390957&#038;creativeASIN=B001E6CUHA">Acrylic Easel Book Holder Rack Stand</a> Price: $14.99<br />
<img src="http://www.seifi.org/wp-content/uploads/2010/04/stand_hack1.jpg" alt="iPad Stand Hack" /></p>
<p>Do it yourself, save money and less time waiting around&#8230; <a href="http://www.thingiverse.com/thing:2136">Simple iPad Stand</a> Price: A few bucks or whatever<br />
<img src="http://www.seifi.org/wp-content/uploads/2010/04/stand10.jpg" alt="iPad Stand" title="stand10" height="165" class="alignnone size-full wp-image-756" /><br />
<blockquote>A small stand suitable useful for things like watching movies on the iPad. Made of three pieces of 1/4&#8243; (6mm) acrylic. The pieces friction-fit together and the stand can be quickly broken down and set up, so it&#8217;s easy to toss in a bag.</p></blockquote>
<p>Know of any others? Have ideas for using existing products as iPad stands? </p>
<p>Let me know.</p>
<img src="http://feeds.feedburner.com/~r/seifiorg/~4/MSEi2ggLRis" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.seifi.org/apple/10-beautiful-stands-for-your-new-ipad.html/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		<feedburner:origLink>http://www.seifi.org/apple/10-beautiful-stands-for-your-new-ipad.html</feedburner:origLink></item>
		<item>
		<title>Wishlist: Browsers contain major JavaScript libraries in memory</title>
		<link>http://feedproxy.google.com/~r/seifiorg/~3/xGoynkPvVK4/wishlist-browsers-contain-major-javascript-libraries-in-memory.html</link>
		<comments>http://www.seifi.org/javascript/wishlist-browsers-contain-major-javascript-libraries-in-memory.html#comments</comments>
		<pubDate>Fri, 06 Mar 2009 08:18:01 +0000</pubDate>
		<dc:creator>Joe Seifi</dc:creator>
				<category><![CDATA[browsers]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://www.seifi.org/?p=726</guid>
		<description><![CDATA[Let&#8217;s face it, without JavaScript the web would be a boring place. Unless you roll your own, well you need to use a library of some sort, and in most cases you need more than just one library to achieve your intended user experience. Performance optimizations aside, and even if you concatenate all your JS [...]]]></description>
			<content:encoded><![CDATA[<p>Let&#8217;s face it, without JavaScript the web would be a boring place. Unless you roll your own, well you need to use a library of some sort, and in most cases you need more than just one library to achieve your intended user experience.</p>
<p>Performance optimizations aside, and even if you concatenate all your JS files into a single file, you still have to load the library into the browser after the request has been made, and you can&#8217;t do anything with it until that has finished loading.</p>
<p>Wouldn&#8217;t it be so great if the browser had a copy of YUI or jQuery or Dojo or Prototype or GWT in memory at all times? Then your library using decision would not be influenced by the size of the library but by its speed and performance, and perhaps features and functionality provided. I mean you don&#8217;t go loading new fonts and new plugins every single time you go to a new page right? Then why do we have to download the same 5 or 6 JS libraries over and over all day long as we browse the web? And if this was an option how many companies would spend time rolling out their own rather than adopting one?</p>
<p>I understand there would be tons of politics involved and it will probably never happen in a million years but it is worth a try. Perhaps at least a FF only version could be done through an add-on that loads the latest major version of all these libraries and checks for updates on startup, similar to how other plugins get updated in FireFox today. The browser would have to namespace the libraries to avoid confusion. Developers would then just do a test to see if the browser has a required library in memory, and if not then make a server call for it as a fail safe. </p>
<p>It would take lots of collaboration and standardization. JavaScript was the sleeping giant that was brought to center stage with the success of frameworks and libraries that have fueled its standardization and resulting wider adoption. Why not give those libraries some credit and package them into your browsers?</p>
<img src="http://feeds.feedburner.com/~r/seifiorg/~4/xGoynkPvVK4" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.seifi.org/javascript/wishlist-browsers-contain-major-javascript-libraries-in-memory.html/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		<feedburner:origLink>http://www.seifi.org/javascript/wishlist-browsers-contain-major-javascript-libraries-in-memory.html</feedburner:origLink></item>
		<item>
		<title>How to Import Your Old Emails into Gmail the right way</title>
		<link>http://feedproxy.google.com/~r/seifiorg/~3/I1GX7tv6IF0/how-to-import-your-old-emails-into-gmail-the-right-way.html</link>
		<comments>http://www.seifi.org/design/how-to-import-your-old-emails-into-gmail-the-right-way.html#comments</comments>
		<pubDate>Fri, 06 Mar 2009 03:40:02 +0000</pubDate>
		<dc:creator>Joe Seifi</dc:creator>
				<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://www.seifi.org/?p=720</guid>
		<description><![CDATA[Since Gmail is so powerful and easy to use, and is accessible from any web browser, you might be thinking about making it your primary account. Although it would be nice if you could have all your old emails in your Gmail account for your reference going forward. Also it would be great if you [...]]]></description>
			<content:encoded><![CDATA[<p>Since Gmail is so powerful and easy to use, and is accessible from any web browser, you might be thinking about making it your primary account. Although it would be nice if you could have all your old emails in your Gmail account for your reference going forward. Also it would be great if you could have them imported so that the date stamps, and all other email headers could be preserved.</p>
<p>It turns out, it is really simple to do. The trick is using the IMAP feature of Gmail. Here is how to import your emails from your current email client to Gmail. These steps assume you are using Outlook, but they should be pretty much the same for any other email client including Thunderbird, Entourage, Mac Mail etc. So let&#8217;s just get to the steps.</p>
<ol>
<li>Turn on IMAP in your Gmail account: In your Gmail account go to Settinngs > Forwarding and POP/IMAP > IMAP Access > Enable IMAP > Save Changes</li>
<li>Using the <a href="http://mail.google.com/support/bin/answer.py?hl=en&#038;ctx=mail&#038;answer=75726">settings for Gmail IMAP</a> for your Email Client, connect to your Gmail account using a new IMAP account. Once you&#8217;ve this done, you will see your Gmail account with labels listed as folders in your email client.</li>
<li>Now just highlight the emails you want to migrate to Gmail in your Personal folders and drag and drop them from your local account to the Gmail IMAP folders.</li>
</ol>
<p>That&#8217;s it! The emails get moved to Gmail with all the header in tact. It might take some time for the action to take place, if you have tons of email to migrate.</p>
<p>Notes:<br />
You can drag them to any folder (label you want) and you can also create new folders as you wish, which will become labels in Gmail. If you don&#8217;t want your old email to clutter your inbox, you can just drag them to the Gmail/All Mail folder which basically archives them and removes the Inbox label.</p>
<p>Another cool feature in Gmail is support for POP3 downloads from other accounts and additional SMTP accounts for sending emails. These can be configured under Settings > Accounts and can be good if you want to combine and consolidate other existing emails into your Gmail account. If you want to go all the way there is even a labs feature called Multiple Inboxes that can add a new column with configurable filters to the right side of your Gmail Inbox.</p>
<img src="http://feeds.feedburner.com/~r/seifiorg/~4/I1GX7tv6IF0" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.seifi.org/design/how-to-import-your-old-emails-into-gmail-the-right-way.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		<feedburner:origLink>http://www.seifi.org/design/how-to-import-your-old-emails-into-gmail-the-right-way.html</feedburner:origLink></item>
		<item>
		<title>Lucky night at the Carcass gig in Hollywood</title>
		<link>http://feedproxy.google.com/~r/seifiorg/~3/Hb4sKu2jEIU/lucky-night-at-the-carcass-gig-in-hollywood.html</link>
		<comments>http://www.seifi.org/design/lucky-night-at-the-carcass-gig-in-hollywood.html#comments</comments>
		<pubDate>Sat, 20 Sep 2008 01:31:46 +0000</pubDate>
		<dc:creator>Joe Seifi</dc:creator>
				<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://www.seifi.org/?p=698</guid>
		<description><![CDATA[It was a very lucky night for me last night at the Carcass reunion tour at the House of Blues. The night started out with Finnish guys Rotten Sound which put on a solid performance. Next Aborted picked up and man those fellas really sounded good live, one heck of a pit frenzy. Chatted with [...]]]></description>
			<content:encoded><![CDATA[<p>It was a very lucky night for me last night at the <a href="http://click.linksynergy.com/fs-bin/click?id=K1JiLusMcvw&#038;offerid=146261.689064899&#038;type=10&#038;subid=">Carcass</a> reunion tour at the House of Blues.<br />
<img src="http://www.seifi.org/wp-content/uploads/2008/09/carcasshollywood.gif" alt="" title="Carcass at House of Blues on Sunset 9/18/08" width="455" height="164" class="alignnone size-full wp-image-699" vspace="10" /></p>
<p>The night started out with Finnish guys <a href="http://click.linksynergy.com/fs-bin/click?id=K1JiLusMcvw&#038;offerid=146261.689064846&#038;type=10&#038;subid=">Rotten Sound</a> which put on a solid performance. Next <a href="http://click.linksynergy.com/fs-bin/click?id=K1JiLusMcvw&#038;offerid=146261.689065006&#038;type=10&#038;subid=">Aborted</a> picked up and man those fellas really sounded good live, one heck of a pit frenzy. Chatted with some old school and new school fans in and around the show during the breaks. Saw <a href="http://en.wikipedia.org/wiki/Shane_Embury">Shane</a> from <a href="http://click.linksynergy.com/fs-bin/click?id=K1JiLusMcvw&#038;offerid=146261.689065073&#038;type=10&#038;subid=">Napalm</a> hanging out at a T-shirt booth with a sign behind him saying &#8220;Don&#8217;t Ask Stupid Questions&#8221; which was pretty hilarious. </p>
<p>After Aborted <a href="http://click.linksynergy.com/fs-bin/click?id=K1JiLusMcvw&#038;offerid=146261.689064912&#038;type=10&#038;subid=">1349</a> went on which I had never seen live before. They use face makeup and are pretty fast for a black metal band. <a href="http://click.linksynergy.com/fs-bin/click?id=K1JiLusMcvw&#038;offerid=146261.689064941&#038;type=10&#038;subid=">Suffocation</a> presented a nice change in the pace of the pit and I have to say that was the only band that I actually understood what the singer was saying when talking to the audience between songs. They really grinded up the crowd when the played Infecting the Crypts.</p>
<p>Then finally the moment of truth, after a 30 minute setup period. CAR CASS CAR CASS chants started. There was a very creative intro with a formal sounding lady&#8217;s voice with a British accent reading a very morbid script. Really cool stuff, I wish I had that script or hear it again. Then for the first time in more than 15 years Carcass came out and they played one heck of show. Last time I had <a href="http://www.voicesfromthedarkside.de/interviews/death.htm">seen</a> them was with <a href="http://click.linksynergy.com/fs-bin/click?id=K1JiLusMcvw&#038;offerid=146261.689065069&#038;type=10&#038;subid=">Death</a> (<a href="http://www.voicesfromthedarkside.de/interviews/death.htm">RIP</a>) and <a href="http://click.linksynergy.com/fs-bin/click?id=K1JiLusMcvw&#038;offerid=146261.689065071&#038;type=10&#038;subid=">Pestilence</a> back on 10/05/1990 at the legendary Country Club (used in the Boogie Nights movie) in Reseda, which is no more. I can&#8217;t say enough about how truly good Carcass was last night. Truly a legendary band with a classy performance. Bill Steer, Michael Amott, Jeffery Walker, and <a href="http://en.wikipedia.org/wiki/Daniel_Erlandsson">Daniel Erlandsson</a> (deep resume) subbing in for Ken Owen who is out due to a brain hemorrhage. My prayers and best wishes go out to Ken. They played lots of their classics like &#8220;Incarnated Solvent Abuse&#8221; and &#8220;Exhume To Consume&#8221; and amazingly done. I would say the sounded even better than they did last time I saw them live.</p>
<p>So the lucky part was at the end when Daniel came out and threw out his drum sticks and one landed almost perfectly vertically and between my two feet. This was with about 50 other people trying to get it with their hands up in the air. I was so happy!! I will cherish it for ever.</p>
<p>Long live the English Death Grind core Kings Carcass. I&#8217;m predicting this tour will somehow influence them to create a new album once they get back home. They are playing tonight at the <a href="http://www.flickr.com/photos/spookytreasures/sets/72157607397804235/">Grand Ballroom in San Francisco</a>. Don&#8217;t miss it! It might be the last.</p>
<p>More old school death metal is on the way, <a href="http://click.linksynergy.com/fs-bin/click?id=K1JiLusMcvw&#038;offerid=146261.689065088&#038;type=10&#038;subid=">Obituary</a> are set to play HOB next Wednesday 9/24/08. I will try to make it there.</p>
<img src="http://feeds.feedburner.com/~r/seifiorg/~4/Hb4sKu2jEIU" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.seifi.org/design/lucky-night-at-the-carcass-gig-in-hollywood.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://www.seifi.org/design/lucky-night-at-the-carcass-gig-in-hollywood.html</feedburner:origLink></item>
		<item>
		<title>What the Captcha? or why TicketMaster is lame</title>
		<link>http://feedproxy.google.com/~r/seifiorg/~3/JJEjIdi5jms/what-the-captcha-or-why-ticketmaster-is-lame.html</link>
		<comments>http://www.seifi.org/business/what-the-captcha-or-why-ticketmaster-is-lame.html#comments</comments>
		<pubDate>Thu, 18 Sep 2008 22:26:27 +0000</pubDate>
		<dc:creator>Joe Seifi</dc:creator>
				<category><![CDATA[business]]></category>
		<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://www.seifi.org/?p=689</guid>
		<description><![CDATA[I don&#8217;t know about you, but I&#8217;m really tired of trying to read those reCaptcha messages when going through TicketMaster sales screens. But hey at least they are helping a non-profit build an internet library which is great right? As if it is not bad enough that they have a pretty annoying and unusable multi-step, [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.seifi.org/wp-content/uploads/2008/09/wtfcaptcha.gif" alt="" title="Jibberish" width="306" height="310" class="alignright size-full wp-image-690" hspace="15" align="right" />I don&#8217;t know about you, but I&#8217;m really tired of trying to read those reCaptcha messages when going through TicketMaster sales screens. But hey at least they are helping a non-profit build an internet library which is great right? </p>
<p>As if it is not bad enough that they have a pretty annoying and unusable multi-step, multi-page ticket sales process, recently they are starting to give out some borderline non-sense captcha validation images. How many people would just say &#8220;forget it&#8221; and leave? Well not many, since TM is an undocumented Monopoly for ticket sales in my opinion. Pretty bad user experience overall. I would love if they at least put the reCaptcha page on the same page as the ticket search form to cut down page loads. Better yet, make the whole process an ajax based system so you never have to leave the order page. It sucks to go through a blinding <a href="http://recaptcha.net/">reCaptcha</a> page and then get the dreaded &#8220;You&#8217;re Screwed&#8221; all sold out page. Just tell me right upfront: &#8220;Hey Don&#8217;t bother, no seats are available mr!&#8221; and don&#8217;t waste my time. I mean I have to pay an inflated ticket price + order processing fees + convenience fees + delivery fees. Can we at least get a convenient to use website?</p>
<p>I went ahead and did a 2 minute reshuffling of the order form for TicketMaster and this is what I came up with. Just put all forms on one page and got rid of the clutter. Progress bar and search results would appear on the same page.</p>
<p><img src="http://www.seifi.org/wp-content/uploads/2008/09/tm_redesign.gif" alt="" title="TicketMaster Redesign" width="419" height="361" class="alignnone size-full wp-image-695" vspace="25" /></p>
<p>I noticed also that there are now TicketMaster hosted auctions and scalping services on site. Wonder how far they have to push the envelope before regulators are forced to step in.</p>
<img src="http://feeds.feedburner.com/~r/seifiorg/~4/JJEjIdi5jms" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.seifi.org/business/what-the-captcha-or-why-ticketmaster-is-lame.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://www.seifi.org/business/what-the-captcha-or-why-ticketmaster-is-lame.html</feedburner:origLink></item>
		<item>
		<title>Seinfeld Microsoft Ads</title>
		<link>http://feedproxy.google.com/~r/seifiorg/~3/JBV82aV5HcQ/seinfeld-microsoft-ads.html</link>
		<comments>http://www.seifi.org/microsoft/seinfeld-microsoft-ads.html#comments</comments>
		<pubDate>Mon, 08 Sep 2008 01:23:43 +0000</pubDate>
		<dc:creator>Joe Seifi</dc:creator>
				<category><![CDATA[microsoft]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://www.seifi.org/?p=684</guid>
		<description><![CDATA[Finally got a look at the Bill Gates / Jerry Seinfeld ads for Microsoft. Pretty unconventional stuff and sometimes funny. There is no mention of Apple in the ad at all, which is what I was naturally expecting to see. This ad made me realize how much I miss Seinfeld. It been pretty cool to [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.seifi.org/wp-content/uploads/2008/09/shocircusclowbill-150x150.jpg" width="150" height="150" border="0" align="right" hspace="10" />Finally got a look at the Bill Gates / Jerry Seinfeld ads for Microsoft. Pretty unconventional stuff and sometimes funny. There is no mention of Apple in the ad at all, which is what I was naturally expecting to see. This ad made me realize how much I miss Seinfeld. It been pretty cool to have other ads with Morty, Newman and Elaine. Take a look for yourself. I can go for a Churro right about now!</p>
<p><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/IiVMPgCf6YY&#038;hl=en&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/IiVMPgCf6YY&#038;hl=en&#038;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object></p>
<p>Here is an alternate pwned ending version, pretty weird.<br />
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/fSQMg3gc1r4&#038;color1=0xb1b1b1&#038;color2=0xcfcfcf&#038;hl=en&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/fSQMg3gc1r4&#038;color1=0xb1b1b1&#038;color2=0xcfcfcf&#038;hl=en&#038;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object></p>
<p>Brand new Ad<br />
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/gBWPf1BWtkw&#038;hl=en&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/gBWPf1BWtkw&#038;hl=en&#038;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object></p>
<img src="http://feeds.feedburner.com/~r/seifiorg/~4/JBV82aV5HcQ" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.seifi.org/microsoft/seinfeld-microsoft-ads.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.seifi.org/microsoft/seinfeld-microsoft-ads.html</feedburner:origLink></item>
		<item>
		<title>Google Chrome First Impressions</title>
		<link>http://feedproxy.google.com/~r/seifiorg/~3/czcG-iq-gq4/google-chrome-first-impressions.html</link>
		<comments>http://www.seifi.org/javascript/google-chrome-first-impressions.html#comments</comments>
		<pubDate>Tue, 02 Sep 2008 19:02:35 +0000</pubDate>
		<dc:creator>Joe Seifi</dc:creator>
				<category><![CDATA[browsers]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://www.seifi.org/?p=677</guid>
		<description><![CDATA[Yet another browser? Well here we go again. Let&#8217;s take a look at Chrome and see what it has to offer. The download page is located here. The installer for Windows XP is only 474KB! You can watch the press conference video about Google Chrome or read the Google Chrome Book in the meantime. What [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.seifi.org/wp-content/uploads/2008/09/googlechromelogo.jpg" alt="" title="Google Chrome Logo" width="55" height="53" class="alignnone size-full wp-image-683" hspace="15" align="right" />Yet another browser? Well here we go again. Let&#8217;s take a look at Chrome and see what it has to offer. The download page is <a href="http://www.google.com/chrome">located here</a>. The installer for Windows XP is only 474KB! You can watch the <a href="http://google.client.shareholder.com/Visitors/event/build2/MediaPresentation.cfm?MediaID=33101&#038;Player=1">press conference video</a> about Google Chrome or read the <a href="http://www.google.com/googlebooks/chrome/index.html">Google Chrome Book</a> in the meantime.</p>
<h3>What we knew so far about Chrome</h3>
<ul>
<li>Uses <a href="http://code.google.com/apis/v8/">V8 JavaScript engine</a> which supports Classes and compilation. There is a <a href="http://code.google.com/apis/v8/run.html">V8 JavaScript benchmark suite</a> that gives FireFox 3 a score of 83, while giving Chrome a score of 1213! Safari 3 gets a score of 128. Judging by this alone, V8 blows away the competition.</li>
<li>Uses Webkit rendering engine.</li>
<li>Tabs run as independent processes which can be managed.</li>
<li>Lots of other <a href="http://gears.google.com/chrome/intl/en/features.html">features</a>.</li>
</ul>
<h3>First Impressions</h3>
<ul>
<li>Installation was a breeze and imported FireFox settings.</li>
<li>No status bar, You only see the status bar when you hover over a hyperlink.</li>
<li>The Task Manager (Shift + Escape) updates in real time and shows memory, CPU and network usage for each tab, each plugin, and the main Chrome process separately. There is also a link to Stats for Nerds with lots more gritty info.</li>
<li>The Flash plugin is extremely CPU usage intensive and causes sluggishness when scrolling. I just loaded a popular <a href="http://www.adobe.com/products/acrobat/">flash website</a> and noticed my machine came down to a near halt. It seems to happen more with Flash files that contain infinite loops, using as much as 70% of the CPU.<br />
<img src="http://www.seifi.org/wp-content/uploads/2008/09/chrome_taskmanager_cpu.gif" alt="" title="Chrome Task Manager CPU Usage" width="377" height="164" class="alignnone size-full wp-image-681" />
</li>
<li>The built in JavaScript console looks like a combination of <a href="http://www.seifi.org/javascript/firebug_tips_and_tricks.html">FireBug</a> and <a href="http://www.seifi.org/css/whats-new-in-safari-31-web-inspector-and-sinppet-editor.html">Web Inspector</a>.</li>
<li>There is a built in JavaScript Debugger (Alt + `)</li>
<li>Passes the <a href="http://www.webstandards.org/files/acid2/test.html">Acid 2 test</a>.</li>
<li>Chrome gets a score of 78 on the <a href="http://acid3.acidtests.org/">Acid 3 test</a>, which is higher than FireFox 3 at 57, <a href="http://webkit.org/blog/158/the-acid-3-test/">Safari</a> at 72, and Opera at 45.<br />
<img src="http://www.seifi.org/wp-content/uploads/2008/09/chrome_acid3.gif" alt="" title="Chrome Acid 3 Results" width="450" height="369" class="alignnone size-full wp-image-682" />
</li>
<li>Omnibar &#8211; this is the URL/location bar in Chrome that has some fuzzy logic built in to suggest &#8220;smart&#8221; autocompletes. This is the current order of the drop down in the auto complete list. There seems to be no way of changing this ordering as of now. Would be nice to be able to customize them.<br />
&nbsp;<br />
<img src="http://www.seifi.org/wp-content/uploads/2008/09/omnibar.gif" alt="" title="Google Chrome Omnibar - Search Amazon" width="396" height="173" /><br />
&nbsp;</p>
<ol>
<li>Search Google for FOOBAR</li>
<li>FOOBAR/ (I&#8217;m not sure how useful this one is really)</li>
<li>Link to the FOOBAR Wikipedia page</li>
<li>Link to I&#8217;m Feeling Lucky URL for term FOOBAR. This item gives you the ability to search within the URL. For example if you type in Amazon in the Omnibar and select the amazon.com option using the down arrows, you will see &#8220;Press Tab to Search Amazon&#8221;. See below instruction on implementing this search functionality for your website.
</li>
<li>Search Google for FOOBAR ANOTHER TERM</li>
<li>Search Google for FOOBAR ANOTHER TERM</li>
<li>A page in your history pertaining to FOOBAR</li>
<li>Link to history search for pages about FOOBAR</li>
</ol>
</li>
</ul>
<h3>Cool Developer related stuff in Chrome</h3>
<p>Google Chrome User Agent String: </p>
<blockquote><p>Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/525.13 (KHTML, like Gecko) Chrome/0.X.Y.Z Safari/525.13.</p></blockquote>
<p>Chrome has a menu option called &#8220;Create application shortcuts&#8230;&#8221; that uses Google Gears to create a shortcut to your webapp. Users can choose to place the shortcut to your webapp on their Desktop, on the Start menu and even the Quick launch bar in Windows. This is a pretty powerful feature. When a user clicks this icon, Chrome opens up without the Omnibar, and your website will appear in an &#8220;Application&#8221; format. You can customize how Chrome creates these shortcuts using meta tags. These tags are named: application-name, description, application-url, and shortcut icons in both 32&#215;32 or 48&#215;48 formats. The favicon is used if not specified. For example you can use the following HTML code in the head of your document. Note that with the Mozilla added support which is used in Chrome, you can use any supported graphic format as your favicon, and not just the old school <a href="http://en.wikipedia.org/wiki/Favicon">favicon.ico</a> file.</p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;head&gt;
  &lt;meta name=&quot;application-name&quot; content=&quot;Gmail&quot;/&gt;
  &lt;meta name=&quot;description&quot; content=&quot;Google's approach to email&quot;/&gt;
  &lt;meta name=&quot;application-url&quot; content=&quot;http://www.gmail.com&quot;/&gt;
  &lt;link rel=&quot;icon&quot; href=gmail_32x32.png sizes=&quot;32x32&quot;/&gt;
  &lt;link rel=&quot;icon&quot; href=gmail_48x48.png sizes=&quot;48x48&quot;/&gt;
&lt;/head&gt;</pre></div></div>

<p>To open a new tab from your webapp in a separate process using JavaScript you can do this in Chrome.</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">var</span> w <span style="color: #339933;">=</span> window.<span style="color: #000066;">open</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
w.<span style="color: #660066;">opener</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">null</span><span style="color: #339933;">;</span>
w.<span style="color: #660066;">document</span>.<span style="color: #660066;">location</span> <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;http://differentsite.com/index.html&quot;</span><span style="color: #339933;">;</span></pre></div></div>

<p>Chrome lets users search your website from its ominbar. To enable and include your website&#8217;s search in Chrome you have to create an <a href="http://www.opensearch.org">OpenSearch</a> description document (OSDD).<br />
For example you can create something like this:</p>

<div class="wp_syntax"><div class="code"><pre class="xml" style="font-family:monospace;"><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;?xml</span> <span style="color: #000066;">version</span>=<span style="color: #ff0000;">&quot;1.0&quot;</span> <span style="color: #000066;">encoding</span>=<span style="color: #ff0000;">&quot;UTF-8&quot;</span><span style="color: #000000; font-weight: bold;">?&gt;</span></span>
 <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;OpenSearchDescription</span> <span style="color: #000066;">xmlns</span>=<span style="color: #ff0000;">&quot;http://a9.com/-/spec/opensearch/1.1/&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
   <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;ShortName<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>Web Search<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/ShortName<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
   <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;Description<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>Use Example.com to search the Web.<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/Description<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
   <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;Tags<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>example web<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/Tags<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
   <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;Contact<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>admin@example.com<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/Contact<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
   <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;Url</span> <span style="color: #000066;">type</span>=<span style="color: #ff0000;">&quot;application/atom+xml&quot;</span></span>
<span style="color: #009900;">        <span style="color: #000066;">template</span>=<span style="color: #ff0000;">&quot;http://example.com/?q={searchTerms}&amp;amp;pw={startPage?}&amp;amp;format=atom&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
   <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;Url</span> <span style="color: #000066;">type</span>=<span style="color: #ff0000;">&quot;application/rss+xml&quot;</span></span>
<span style="color: #009900;">        <span style="color: #000066;">template</span>=<span style="color: #ff0000;">&quot;http://example.com/?q={searchTerms}&amp;amp;pw={startPage?}&amp;amp;format=rss&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
   <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;Url</span> <span style="color: #000066;">type</span>=<span style="color: #ff0000;">&quot;text/html&quot;</span> </span>
<span style="color: #009900;">        <span style="color: #000066;">template</span>=<span style="color: #ff0000;">&quot;http://example.com/?q={searchTerms}&amp;amp;pw={startPage?}&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
   <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;LongName<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>Example.com Web Search<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/LongName<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
   <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;Image</span> <span style="color: #000066;">height</span>=<span style="color: #ff0000;">&quot;64&quot;</span> <span style="color: #000066;">width</span>=<span style="color: #ff0000;">&quot;64&quot;</span> <span style="color: #000066;">type</span>=<span style="color: #ff0000;">&quot;image/png&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>http://example.com/websearch.png<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/Image<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
   <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;Image</span> <span style="color: #000066;">height</span>=<span style="color: #ff0000;">&quot;16&quot;</span> <span style="color: #000066;">width</span>=<span style="color: #ff0000;">&quot;16&quot;</span> <span style="color: #000066;">type</span>=<span style="color: #ff0000;">&quot;image/vnd.microsoft.icon&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>http://example.com/websearch.ico<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/Image<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
   <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;Query</span> <span style="color: #000066;">role</span>=<span style="color: #ff0000;">&quot;example&quot;</span> <span style="color: #000066;">searchTerms</span>=<span style="color: #ff0000;">&quot;cat&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
   <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;Developer<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>Example.com Development Team<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/Developer<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
   <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;Attribution<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
     Search data Copyright 2005, Example.com, Inc., All Rights Reserved
   <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/Attribution<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
   <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;SyndicationRight<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>open<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/SyndicationRight<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
   <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;AdultContent<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>false<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/AdultContent<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
   <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;Language<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>en-us<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/Language<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
   <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;OutputEncoding<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>UTF-8<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/OutputEncoding<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
   <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;InputEncoding<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>UTF-8<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/InputEncoding<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
 <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/OpenSearchDescription<span style="color: #000000; font-weight: bold;">&gt;</span></span></span></pre></div></div>

<p>Fore more tips read the Google Chrome <a href="http://gears.google.com/chrome/intl/en/webmasters-faq.html">FAQ for web developers</a> page.</p>
<p>ps. Don&#8217;t use the <a href="http://gears.google.com/chrome/">Google gears Chrome download page</a> which gives a JavaScript error!</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">_GU_SetupOneClick <span style="color: #000066; font-weight: bold;">is</span> not defined
<span style="color: #000066;">onload</span><span style="color: #009900;">&#40;</span>load <span style="color: #009900;">&#41;</span></pre></div></div>

<img src="http://feeds.feedburner.com/~r/seifiorg/~4/czcG-iq-gq4" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.seifi.org/javascript/google-chrome-first-impressions.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://www.seifi.org/javascript/google-chrome-first-impressions.html</feedburner:origLink></item>
		<item>
		<title>JavaScript Arguments</title>
		<link>http://feedproxy.google.com/~r/seifiorg/~3/K9mAjaVYN6Y/javascript-arguments.html</link>
		<comments>http://www.seifi.org/javascript/javascript-arguments.html#comments</comments>
		<pubDate>Tue, 19 Aug 2008 23:16:20 +0000</pubDate>
		<dc:creator>Joe Seifi</dc:creator>
				<category><![CDATA[business]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://www.seifi.org/?p=673</guid>
		<description><![CDATA[The arguments object in JavaScript is a local variable in any function that provides some nice features we can use in our code. Here is the list of its properties and related properties of the Function object. arguments itself returns an object that looks like an array (but not really an array) of the arguments [...]]]></description>
			<content:encoded><![CDATA[<p>The arguments object in JavaScript is a local variable in any function that provides some nice features we can use in our code. Here is the list of its properties and related properties of the Function object.</p>
<p><code>arguments</code> itself returns an object that looks like an array (but not really an array) of the arguments passed to the function.</p>
<p>Prior to JavaScript 1.4 the <code>Function</code> object also had a similar <code>arguments</code> property, which is now deprecated.</p>
<p>However the Function object comes with a few other useful properties that we can still use to get argument related data.</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">function</span> callTaker<span style="color: #009900;">&#40;</span>a<span style="color: #339933;">,</span>b<span style="color: #339933;">,</span>c<span style="color: #339933;">,</span>d<span style="color: #339933;">,</span>e<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
  <span style="color: #006600; font-style: italic;">// arguments properties</span>
  console.<span style="color: #660066;">log</span><span style="color: #009900;">&#40;</span>arguments<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  console.<span style="color: #660066;">log</span><span style="color: #009900;">&#40;</span>arguments.<span style="color: #660066;">length</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  console.<span style="color: #660066;">log</span><span style="color: #009900;">&#40;</span>arguments.<span style="color: #660066;">callee</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  console.<span style="color: #660066;">log</span><span style="color: #009900;">&#40;</span>arguments<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  <span style="color: #006600; font-style: italic;">// Function properties</span>
 console.<span style="color: #660066;">log</span><span style="color: #009900;">&#40;</span>callTaker.<span style="color: #660066;">length</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  console.<span style="color: #660066;">log</span><span style="color: #009900;">&#40;</span>callTaker.<span style="color: #660066;">caller</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  console.<span style="color: #660066;">log</span><span style="color: #009900;">&#40;</span>arguments.<span style="color: #660066;">callee</span>.<span style="color: #660066;">caller</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  console.<span style="color: #660066;">log</span><span style="color: #009900;">&#40;</span>arguments.<span style="color: #660066;">callee</span>.<span style="color: #660066;">caller</span>.<span style="color: #660066;">caller</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  console.<span style="color: #660066;">log</span><span style="color: #009900;">&#40;</span>callTaker.<span style="color: #000066;">name</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  console.<span style="color: #660066;">log</span><span style="color: #009900;">&#40;</span>callTaker.<span style="color: #660066;">constructor</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #003366; font-weight: bold;">function</span> callMaker<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
  callTaker<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;foo&quot;</span><span style="color: #339933;">,</span><span style="color: #3366CC;">&quot;bar&quot;</span><span style="color: #339933;">,</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #339933;">,</span>document<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #003366; font-weight: bold;">function</span> init<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
  callMaker<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<p>For demonstration purposes, you can <a href="" onclick="return initDemo();">run the init function</a> above and view the logs in FireBug.</p>
<h3>arguments object and its properties</h3>
<p><code><strong>arguments</strong></code> returns ["foo", "bar", Window, Document]</p>
<p><code><strong>arguments.length</strong></code> returns 4</p>
<blockquote class="note"><p>Note: even though our function has a signature with 5 arguments, length returns only 4 here. This is because the caller sent us only 4 arguments. See below for how we can use Function&#8217;s length property to find the number of expected arguments.</p></blockquote>
<p><code><strong>arguments.callee</strong></code> returns callTaker(a, b, c, d, e)</p>
<blockquote class="note"><p>Note: callee shows us the signature of the currently executing function and is useful when trying to make recursive calls to a function within its own body.</p></blockquote>
<p><code><strong>arguments[1]</strong></code> returns bar</p>
<blockquote class="note"><p>Note: arguments can also be set for functions in an array like format. For example you can set the second argument like this: <code><strong>arguments[1] = 'moo';</strong></code>
</p></blockquote>
<h3>Function object and its argument related properties</h3>
<p><code><strong>callTaker.length</strong></code> returns 5</p>
<blockquote class="note"><p>Note: This is the expected number of arguments.</p></blockquote>
<p><code><strong>callTaker.caller</strong></code> is the same as <code><strong>arguments.callee.caller</strong></code> and returns callMaker()</p>
<blockquote class="note"><p>Note: we can go up the stack trace and get the caller of the caller etc. For example we can find the function that called callMaker using <code>arguments.callee.caller.caller</code> which returns init().</p></blockquote>
<p><code><strong>callTaker.name</strong></code> returns callTaker</p>
<p><code><strong>callTaker.constructor</strong></code> returns Function()</p>
<blockquote class="note"><p>Note: Since we have not modified the basic behavior, we see the built in function that creates an object&#8217;s prototype for our function, which is the Function object.
</p></blockquote>
<h3>Basic Usage Sample</h3>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">var</span> dataArray <span style="color: #339933;">=</span> <span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;One&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;Two&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;Three&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;Four&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #003366; font-weight: bold;">var</span> lister <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span> createList<span style="color: #009900;">&#40;</span>list<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
 <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>arguments.<span style="color: #660066;">length</span> <span style="color: #339933;">==</span> <span style="color: #CC0000;">3</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
  <span style="color: #003366; font-weight: bold;">var</span> result <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;&lt;&quot;</span> <span style="color: #339933;">+</span> arguments<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;&gt;&quot;</span><span style="color: #339933;">;</span>
  <span style="color: #000066; font-weight: bold;">for</span> <span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">var</span> i <span style="color: #339933;">=</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">;</span> i <span style="color: #339933;">&lt;</span> arguments<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">2</span><span style="color: #009900;">&#93;</span>.<span style="color: #660066;">length</span><span style="color: #339933;">;</span> i<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
   result <span style="color: #339933;">+=</span> <span style="color: #3366CC;">&quot;&lt;li&gt;&quot;</span> <span style="color: #339933;">+</span> arguments<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">2</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;&lt;/li&gt;&quot;</span><span style="color: #339933;">;</span>
  <span style="color: #009900;">&#125;</span>
  result <span style="color: #339933;">+=</span> <span style="color: #3366CC;">&quot;&lt;/&quot;</span> <span style="color: #339933;">+</span> arguments<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;l&gt;&quot;</span><span style="color: #339933;">;</span>
  document.<span style="color: #660066;">getElementById</span><span style="color: #009900;">&#40;</span>arguments<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">0</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">innerHTML</span> <span style="color: #339933;">=</span> result<span style="color: #339933;">;</span>
 <span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #003366; font-weight: bold;">function</span> makeList<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
 lister<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;list_HTML&quot;</span><span style="color: #339933;">,</span><span style="color: #3366CC;">&quot;ul&quot;</span><span style="color: #339933;">,</span>dataArray<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<p><a href="" onclick="return makeListDemo();">Run the sample</a><br />
<span id="list_HTML"></span></p>
<p>References:<br />
<a href="http://eriwen.com/javascript/js-stack-trace/" target="_blank">JavaScript Stack Trace</a><br />
<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Function" target="_blank">Function</a><br />
<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Functions:arguments" target="_blank">arguments</a></p>
<style>code strong{color:#F24C8B;font-family:verdana;font-weight:normal;}blockquote.note{margin:0 0 10px;}</style>
<p><script src="http://www.seifi.org/wp-content/uploads/2008/08/arguments.js"></script></p>
<img src="http://feeds.feedburner.com/~r/seifiorg/~4/K9mAjaVYN6Y" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.seifi.org/javascript/javascript-arguments.html/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		<feedburner:origLink>http://www.seifi.org/javascript/javascript-arguments.html</feedburner:origLink></item>
		<item>
		<title>Yummy Yummy, New Delicious Design</title>
		<link>http://feedproxy.google.com/~r/seifiorg/~3/khQxmSXoyTQ/yummy-yummy-new-delicious-design.html</link>
		<comments>http://www.seifi.org/css/yummy-yummy-new-delicious-design.html#comments</comments>
		<pubDate>Fri, 01 Aug 2008 00:20:13 +0000</pubDate>
		<dc:creator>Joe Seifi</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[portals]]></category>
		<category><![CDATA[ui]]></category>
		<category><![CDATA[web2.0]]></category>

		<guid isPermaLink="false">http://www.seifi.org/?p=670</guid>
		<description><![CDATA[Looks like the long awaited web 2.0izing of the del.icio.us website is finally here. Very sleek and sexy is my first impression. Take a look at some of the older user interfaces to get a sense for how del.icio.us has evolved until now. Aside from the new look there are new features as well. The [...]]]></description>
			<content:encoded><![CDATA[<p>Looks like the <a href="http://www.techcrunch.com/2007/09/06/exclusive-screen-shots-and-feature-overview-of-delicious-20-preview/" target="_blank">long awaited</a> web 2.0izing of the del.icio.us website is <a href="http://www.delicious.com" target="_blank">finally here</a>. Very sleek and sexy is my first impression.</p>
<p><img src="http://www.seifi.org/wp-content/uploads/2008/07/new_delicious.jpg" alt="" title="New Delicious Homepage Design" width="450" height="278" class="alignnone size-full wp-image-671" /></p>
<p> Take a look at some of the <a href="http://www.flickr.com/photos/joshu/sets/72157600740166824/" target="_blank">older user interfaces</a> to get a sense for how del.icio.us has <a href="http://delicious.com/help/whatsnew" target="_blank">evolved</a> until now. Aside from the new look there are new features as well. The delicious dev team has supposedly completely rewritten the code base, to allow for a more scalable and spry tool.</p>
<p><strong>New features:</strong></p>
<p><img src="http://www.seifi.org/wp-content/uploads/2008/07/delicious_changes_animation.gif" alt="" title="delicious_changes_animation" width="250" height="154" class="alignnone size-full wp-image-672" align="left" hspace="20" /> <strong>Navigation</strong>: New simple CSS tabs with onclick drop down menus make is simple to find your tasty bookmarks. The navigation structures seems to borrow from Flickr. Search also comes with a simple drop down option list to find stuff in your bookmarks, network or everyone. </p>
<p><strong>Bookmarks</strong>: You have Title view, regular view and Full View options here. View your popular bookmarks to filter the good stuff and filter down more by choosing fresh only. </p>
<p><strong>Sidebar</strong>: is updated to show a relative set of tags related to your left content pane. </p>
<p><strong>Action Box</strong>: This light blue box in the sidebar shows the common tasks for the given page. </p>
<p><strong>Search URL</strong>: This is a reverse search for bookmarks and pulls in the ones with the given URL along with tags used for that URL by each user, broken down in chronological order. You can also view the notes added by each user to the given URL.</p>
<p><strong>Settings</strong>: The settings page is laid out with all the actions listed on one page, similar to a sitemap.</p>
<p><strong>Forums</strong>: There is a support forum that looks more like a categorized list of links than a forum. I like the non-cluttered design. Reminds me of Drupal.</p>
<p>As in the past <a href="http://delicious.com/help/api" target="_blank">their API</a> is still available for developer consumption.</p>
<img src="http://feeds.feedburner.com/~r/seifiorg/~4/khQxmSXoyTQ" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.seifi.org/css/yummy-yummy-new-delicious-design.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://www.seifi.org/css/yummy-yummy-new-delicious-design.html</feedburner:origLink></item>
		<item>
		<title>1st iPhone post from WordPress app</title>
		<link>http://feedproxy.google.com/~r/seifiorg/~3/f8tJtBBS_tQ/1st-iphone-post-from-wordpress-app.html</link>
		<comments>http://www.seifi.org/software/1st-iphone-post-from-wordpress-app.html#comments</comments>
		<pubDate>Tue, 22 Jul 2008 06:50:00 +0000</pubDate>
		<dc:creator>Joe Seifi</dc:creator>
				<category><![CDATA[iphone]]></category>
		<category><![CDATA[software]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.seifi.org/software/1st-iphone-post-from-wordpress-app.html</guid>
		<description><![CDATA[Appstore app for WordPress is out &#8230; whooptie doo]]></description>
			<content:encoded><![CDATA[<p>Appstore app for WordPress is out &#8230; whooptie doo</p>
<p><img src="http://www.seifi.org/wp-content/uploads/2008/07/p-640-480-fcd3d24f-80a2-445f-b8e1-525fff3d808c.jpeg" alt="photo" width="225" height="300" class="alignnone size-full wp-image-364" /></p>
<img src="http://feeds.feedburner.com/~r/seifiorg/~4/f8tJtBBS_tQ" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.seifi.org/software/1st-iphone-post-from-wordpress-app.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.seifi.org/software/1st-iphone-post-from-wordpress-app.html</feedburner:origLink></item>
	</channel>
</rss><!-- Dynamic Page Served (once) in 1.000 seconds --><!-- Cached page served by WP-Cache -->
