<?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>blog.zenoplex.jp</title>
	<atom:link href="http://blog.zenoplex.jp/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.zenoplex.jp</link>
	<description>another day another life</description>
	<lastBuildDate>Wed, 06 Jan 2010 05:30:58 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.1</generator>
		<item>
		<title>Happy New Year 2010</title>
		<link>http://blog.zenoplex.jp/2010/01/06/happy-new-year-2010/</link>
		<comments>http://blog.zenoplex.jp/2010/01/06/happy-new-year-2010/#comments</comments>
		<pubDate>Wed, 06 Jan 2010 05:30:58 +0000</pubDate>
		<dc:creator>Gen</dc:creator>
				<category><![CDATA[Diary]]></category>

		<guid isPermaLink="false">http://blog.zenoplex.jp/?p=886</guid>
		<description><![CDATA[Happy new year to all of you! Thank you to whomever commented on my posts and sorry for my absence. I&#8217;ve been very very busy playing Modern Warfare2! I need to reorganize this blog, seriously.]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-887" title="hny2010" src="http://blog.zenoplex.jp/wp-content/uploads/2010/01/hny2010.jpg" alt="hny2010" width="564" height="376" /></p>
<p>Happy new year to all of you!<br />
Thank you to whomever commented on my posts and sorry for my absence.  I&#8217;ve been very very busy <s>playing Modern Warfare2</s>!</p>
<p>I need to reorganize this blog, seriously.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.zenoplex.jp/2010/01/06/happy-new-year-2010/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>widgets w/ jQuery and Google Feed API</title>
		<link>http://blog.zenoplex.jp/2009/09/25/widgets-w-jquery-and-google-feed-api/</link>
		<comments>http://blog.zenoplex.jp/2009/09/25/widgets-w-jquery-and-google-feed-api/#comments</comments>
		<pubDate>Fri, 25 Sep 2009 08:11:51 +0000</pubDate>
		<dc:creator>Gen</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[widget]]></category>

		<guid isPermaLink="false">http://blog.zenoplex.jp/?p=869</guid>
		<description><![CDATA[For a recent project, I was making series of AJAX based blog widgets (blogparts). ?There wasn&#8217;t much of a problem except client server didn&#8217;t provide JSON-based API. ?Instead of messing with their web-server, I&#8217;ve decided to use their RSS feed and Google&#8217;s Feed API. Although using jQuery might be excessive for a simple widget, for [...]]]></description>
			<content:encoded><![CDATA[<p>For a recent project, I was making series of AJAX based blog widgets (blogparts). ?There wasn&#8217;t much of a problem except client server didn&#8217;t provide JSON-based API. ?Instead of messing with their web-server, I&#8217;ve decided to use their RSS feed and <a href="http://code.google.com/apis/ajaxfeeds/documentation/" target="_blank">Google&#8217;s Feed API</a>.</p>
<p><span id="more-869"></span><span style="background-color: #ffffff;">Although using jQuery might be excessive for a simple widget, for the sake of simplicity I&#8217;m gonna make use of it.</span></p>
<h4>Javascript</h4>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span> <span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
&nbsp;
    <span style="color: #003366; font-weight: bold;">var</span> self <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span> <span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
        <span style="color: #003366; font-weight: bold;">var</span> scripts <span style="color: #339933;">=</span> document.<span style="color: #660066;">getElementsByTagName</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'script'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #000066; font-weight: bold;">return</span> scripts<span style="color: #009900;">&#91;</span>scripts.<span style="color: #660066;">length</span> <span style="color: #339933;">-</span> <span style="color: #CC0000;">1</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span> <span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
    <span style="color: #003366; font-weight: bold;">var</span> defaults <span style="color: #339933;">=</span> <span style="color: #009900;">&#123;</span>
        lang<span style="color: #339933;">:</span> <span style="color: #3366CC;">'ja'</span><span style="color: #339933;">,</span>
        num<span style="color: #339933;">:</span> <span style="color: #CC0000;">5</span><span style="color: #339933;">,</span>
        url<span style="color: #339933;">:</span> <span style="color: #3366CC;">'http://feeds.feedburner.com/blogspot/MKuf'</span>
    <span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
&nbsp;
    <span style="color: #006600; font-style: italic;">// actually you should stop proccess if url is invalid.</span>
    <span style="color: #003366; font-weight: bold;">var</span> options <span style="color: #339933;">=</span> <span style="color: #009900;">&#123;</span><span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
    <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>self.<span style="color: #660066;">src</span>.<span style="color: #660066;">match</span><span style="color: #009900;">&#40;</span><span style="color: #009966; font-style: italic;">/url=([^&amp;]+)/</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> options.<span style="color: #660066;">url</span> <span style="color: #339933;">=</span> RegExp.$1<span style="color: #339933;">;</span>
    <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>self.<span style="color: #660066;">src</span>.<span style="color: #660066;">match</span><span style="color: #009900;">&#40;</span><span style="color: #009966; font-style: italic;">/num=([^&amp;]+)/</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> options.<span style="color: #660066;">num</span> <span style="color: #339933;">=</span> RegExp.$1<span style="color: #339933;">;</span>
    <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>self.<span style="color: #660066;">src</span>.<span style="color: #660066;">match</span><span style="color: #009900;">&#40;</span><span style="color: #009966; font-style: italic;">/lang=([^&amp;]+)/</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> options.<span style="color: #660066;">lang</span> <span style="color: #339933;">=</span> RegExp.$1<span style="color: #339933;">;</span>
&nbsp;
    <span style="color: #003366; font-weight: bold;">var</span> outerHTML <span style="color: #339933;">=</span> self.<span style="color: #660066;">parentNode</span>.<span style="color: #660066;">insertBefore</span><span style="color: #009900;">&#40;</span>document.<span style="color: #660066;">createElement</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'div'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> self<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
    <span style="color: #003366; font-weight: bold;">function</span> _initialize<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
        <span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span> <span style="color: #009900;">&#40;</span>$<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
            <span style="color: #006600; font-style: italic;">//options</span>
            options <span style="color: #339933;">=</span> $.<span style="color: #660066;">extend</span><span style="color: #009900;">&#40;</span>defaults<span style="color: #339933;">,</span> options<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            <span style="color: #006600; font-style: italic;">//load your custom css</span>
            loadCss<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'http://www.zenoplex.jp/css/bp.css'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
            <span style="color: #003366; font-weight: bold;">function</span> parse<span style="color: #009900;">&#40;</span>data<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>data.<span style="color: #660066;">responseStatus</span> <span style="color: #339933;">!=</span> <span style="color: #CC0000;">200</span><span style="color: #009900;">&#41;</span> <span style="color: #000066; font-weight: bold;">return</span><span style="color: #339933;">;</span>
                <span style="color: #006600; font-style: italic;">// structure the output</span>
                <span style="color: #003366; font-weight: bold;">var</span> html <span style="color: #339933;">=</span> <span style="color: #3366CC;">'&lt;ul&gt;'</span><span style="color: #339933;">;</span>
                <span style="color: #003366; font-weight: bold;">var</span> feed <span style="color: #339933;">=</span> data.<span style="color: #660066;">responseData</span>.<span style="color: #660066;">feed</span><span style="color: #339933;">;</span>
                <span style="color: #003366; font-weight: bold;">var</span> $entries <span style="color: #339933;">=</span> $<span style="color: #009900;">&#40;</span>feed.<span style="color: #660066;">entries</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                $entries.<span style="color: #660066;">each</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span> <span style="color: #009900;">&#40;</span>index<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
&nbsp;
                    <span style="color: #003366; font-weight: bold;">var</span> li <span style="color: #339933;">=</span> <span style="color: #3366CC;">'&lt;li&gt;'</span><span style="color: #339933;">;</span>
                    <span style="color: #003366; font-weight: bold;">var</span> imgs <span style="color: #339933;">=</span> <span style="color: #009966; font-style: italic;">/(&lt;img(.+?)&gt;)/</span>.<span style="color: #660066;">exec</span><span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">content</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                    <span style="color: #003366; font-weight: bold;">var</span> img <span style="color: #339933;">=</span> imgs<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#93;</span>.<span style="color: #660066;">replace</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'&gt;'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'width=&quot;120px&quot; height=&quot;120px&quot; &gt;'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                    li <span style="color: #339933;">+=</span> <span style="color: #3366CC;">'&lt;a href=&quot;'</span> <span style="color: #339933;">+</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">link</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&quot;&gt;'</span> <span style="color: #339933;">+</span> img <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&lt;/a&gt;'</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&lt;br /&gt;'</span><span style="color: #339933;">;</span>
                    li <span style="color: #339933;">+=</span> <span style="color: #3366CC;">'&lt;a href=&quot;'</span> <span style="color: #339933;">+</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">link</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&quot;&gt;'</span> <span style="color: #339933;">+</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">title</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&lt;/a&gt;'</span><span style="color: #339933;">;</span>
                    li <span style="color: #339933;">+=</span> <span style="color: #3366CC;">'&lt;/li&gt;'</span><span style="color: #339933;">;</span>
                    html <span style="color: #339933;">+=</span> li<span style="color: #339933;">;</span>
&nbsp;
                <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                html <span style="color: #339933;">+=</span> <span style="color: #3366CC;">'&lt;/ul&gt;'</span><span style="color: #339933;">;</span>
&nbsp;
                $<span style="color: #009900;">&#40;</span>outerHTML<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">addClass</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'bp'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">append</span><span style="color: #009900;">&#40;</span>html<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            <span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
            $.<span style="color: #660066;">getJSON</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'http://ajax.googleapis.com/ajax/services/feed/load?q='</span> <span style="color: #339933;">+</span> encodeURIComponent<span style="color: #009900;">&#40;</span>options.<span style="color: #660066;">url</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&amp;hl='</span> <span style="color: #339933;">+</span> options.<span style="color: #660066;">lang</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&amp;num='</span> <span style="color: #339933;">+</span> options.<span style="color: #660066;">num</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&amp;v=1.0'</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&amp;callback=?'</span><span style="color: #339933;">,</span> parse<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#40;</span>jQuery<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
&nbsp;
    <span style="color: #003366; font-weight: bold;">function</span> loadScript<span style="color: #009900;">&#40;</span>url<span style="color: #339933;">,</span> callback<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
        <span style="color: #003366; font-weight: bold;">var</span> script <span style="color: #339933;">=</span> document.<span style="color: #660066;">createElement</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;script&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        script.<span style="color: #660066;">src</span> <span style="color: #339933;">=</span> url<span style="color: #339933;">;</span>
        <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span>callback<span style="color: #009900;">&#41;</span> <span style="color: #000066; font-weight: bold;">return</span><span style="color: #339933;">;</span>
        script.<span style="color: #000066;">onload</span> <span style="color: #339933;">=</span> callback<span style="color: #339933;">;</span>
        script.<span style="color: #660066;">onreadystatechange</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span> <span style="color: #009900;">&#40;</span><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><span style="color: #009966; font-style: italic;">/loaded|complete/</span>.<span style="color: #660066;">test</span><span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">readyState</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
                callback<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            <span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
        <span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
        document.<span style="color: #660066;">getElementsByTagName</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;head&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#91;</span><span style="color: #CC0000;">0</span><span style="color: #009900;">&#93;</span>.<span style="color: #660066;">appendChild</span><span style="color: #009900;">&#40;</span>script<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
    <span style="color: #003366; font-weight: bold;">function</span> loadCss<span style="color: #009900;">&#40;</span>url<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
&nbsp;
        <span style="color: #003366; font-weight: bold;">var</span> links <span style="color: #339933;">=</span> document.<span style="color: #660066;">getElementsByTagName</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;link&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #003366; font-weight: bold;">var</span> len <span style="color: #339933;">=</span> links.<span style="color: #660066;">length</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> len<span style="color: #339933;">;</span> i<span style="color: #339933;">++</span><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>links<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">href</span> <span style="color: #339933;">==</span> url<span style="color: #009900;">&#41;</span> <span style="color: #000066; font-weight: bold;">return</span><span style="color: #339933;">;</span>
        <span style="color: #009900;">&#125;</span>
&nbsp;
        <span style="color: #003366; font-weight: bold;">var</span> link <span style="color: #339933;">=</span> document.<span style="color: #660066;">createElement</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'link'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        link.<span style="color: #660066;">rel</span> <span style="color: #339933;">=</span> <span style="color: #3366CC;">'stylesheet'</span><span style="color: #339933;">;</span>
        link.<span style="color: #660066;">href</span> <span style="color: #339933;">=</span> url<span style="color: #339933;">;</span>
&nbsp;
        document.<span style="color: #660066;">getElementsByTagName</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;head&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#91;</span><span style="color: #CC0000;">0</span><span style="color: #009900;">&#93;</span>.<span style="color: #660066;">appendChild</span><span style="color: #009900;">&#40;</span>link<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
    <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">typeof</span> jQuery <span style="color: #339933;">==</span> <span style="color: #3366CC;">'undefined'</span><span style="color: #009900;">&#41;</span> loadScript<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'</span><span style="color: #339933;">,</span> _initialize<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #000066; font-weight: bold;">else</span> _initialize<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<h4>HTML</h4>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">script</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;http://www.zenoplex.jp/tools/js/bp.js?url=[feedURL here]&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">script</span>&gt;</span></pre></td></tr></table></div>

<p>In real world situations, you should style the output with either adding classes or styles to adjust the design.<br />
Enough said, check out the demo <a href="http://www.zenoplex.jp/tools/widget_sample.html" target="_blank">here</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.zenoplex.jp/2009/09/25/widgets-w-jquery-and-google-feed-api/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>DeskTopLive.xna</title>
		<link>http://blog.zenoplex.jp/2009/08/28/desktoplive-xna/</link>
		<comments>http://blog.zenoplex.jp/2009/08/28/desktoplive-xna/#comments</comments>
		<pubDate>Thu, 27 Aug 2009 18:10:51 +0000</pubDate>
		<dc:creator>Gen</dc:creator>
				<category><![CDATA[Creative]]></category>
		<category><![CDATA[Entertainment]]></category>
		<category><![CDATA[session]]></category>
		<category><![CDATA[software]]></category>
		<category><![CDATA[xbox360]]></category>

		<guid isPermaLink="false">http://blog.zenoplex.jp/?p=857</guid>
		<description><![CDATA[Seems my former co-workers are planning on having a live programming session on XNA. There will be multiple talk sessions by couple renowned game programmers like Kenta Cho a.k.a. ABA games, and they will be preforming a live programming battle! Sounds exciting eh? So any of you interested in game development or want to learn [...]]]></description>
			<content:encoded><![CDATA[<p><a title="DesktopLive XNA" href="http://blog.zenoplex.jp/wp-content/uploads/2009/08/20090824_dtlxna_1280x800.jpg"><img class="alignnone size-thumbnail wp-image-856" title="click to view original" src="http://blog.zenoplex.jp/wp-content/uploads/2009/08/20090824_dtlxna_1280x800-564x188.jpg" alt="20090824_dtlxna_1280x800" width="564" height="188" /></a>Seems my former co-workers are planning on having a live programming session on <a href="http://msdn.microsoft.com/en-us/xna/default.aspx" target="_blank">XNA</a>.  There will be multiple talk sessions by couple renowned game programmers like Kenta Cho a.k.a. <a href="http://www.asahi-net.or.jp/~cs8k-cyu/index_e.html" target="_blank">ABA games</a>, and they will be preforming a live programming battle!  Sounds exciting eh?</p>
<p>So any of you interested in game development or want to learn some tips on programming, you might wanna check it out.  It will be held on September 12, 19:00-2300 at <a href="http://www.super-deluxe.com/2009/9/12/desktoplivexna/" target="_blank">Superdelux</a>.</p>
<p><a href="http://b-o-w.jp/events/dtl_xna/" target="_blank">DeskTopLive.xna</a></p>
<p>and thanx to <a href="http://abduzeedo.com/" target="_blank">abduzeedo</a> for a great photoshop tutorial!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.zenoplex.jp/2009/08/28/desktoplive-xna/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google Street View now supporting Taiwan</title>
		<link>http://blog.zenoplex.jp/2009/08/26/google-street-view-now-supporting-taiwan/</link>
		<comments>http://blog.zenoplex.jp/2009/08/26/google-street-view-now-supporting-taiwan/#comments</comments>
		<pubDate>Tue, 25 Aug 2009 17:13:06 +0000</pubDate>
		<dc:creator>Gen</dc:creator>
				<category><![CDATA[Places]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[service]]></category>
		<category><![CDATA[taiwan]]></category>

		<guid isPermaLink="false">http://blog.zenoplex.jp/?p=846</guid>
		<description><![CDATA[Google street view of Taiwan is now available. Too bad still limited to Taipei city. I believe I found my ex-roommate&#8217;s ice shop. I can tell him by his silhouette . Would like to see Keelung google. Keep up the work!]]></description>
			<content:encoded><![CDATA[<p><a title="冰霸老爹" href="http://maps.google.com/maps/ms?ie=UTF8&amp;hl=en&amp;msa=0&amp;msid=103669078754571237798.00046ad03d11326ade15f&amp;ll=25.043758,121.568771&amp;spn=0,359.997758&amp;z=19&amp;layer=c&amp;cbll=25.04383,121.568773&amp;panoid=Z6PEg1TB8-eaTBDTVDuMsw&amp;cbp=12,101.85,,0,-0.27" target="_blank"><img class="size-full wp-image-847 alignnone" title="20090826_iceshop" src="http://blog.zenoplex.jp/wp-content/uploads/2009/08/20090826_iceshop.jpg" alt="20090826_iceshop" width="564" height="188" /></a>Google street view of Taiwan is now available.  Too bad still limited to Taipei city.  I believe I found my ex-roommate&#8217;s <a href="http://maps.google.com/maps/ms?ie=UTF8&amp;hl=en&amp;msa=0&amp;msid=103669078754571237798.00046ad03d11326ade15f&amp;ll=25.043758,121.568771&amp;spn=0,359.997758&amp;z=19&amp;layer=c&amp;cbll=25.04383,121.568773&amp;panoid=Z6PEg1TB8-eaTBDTVDuMsw&amp;cbp=12,101.85,,0,-0.27" target="_blank">ice shop</a>.  I can tell him by his silhouette <img src='http://blog.zenoplex.jp/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> .</p>
<p>Would like to see Keelung google.  Keep up the work!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.zenoplex.jp/2009/08/26/google-street-view-now-supporting-taiwan/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Javascript packer</title>
		<link>http://blog.zenoplex.jp/2009/08/18/javascript-packer/</link>
		<comments>http://blog.zenoplex.jp/2009/08/18/javascript-packer/#comments</comments>
		<pubDate>Tue, 18 Aug 2009 02:29:37 +0000</pubDate>
		<dc:creator>Gen</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[utility]]></category>

		<guid isPermaLink="false">http://blog.zenoplex.jp/?p=822</guid>
		<description><![CDATA[Thanks to Dean Edwards for releasing such a neat program. I&#8217;ve added a little option to convert script into bookmarklet. Basically, its just wrapping the compressed script with Bookmarklet script header Well there was a single problem I&#8217;ve faced in IE6. Not sure why but version specific jQuery v1.3.2 on Google may not be compatible [...]]]></description>
			<content:encoded><![CDATA[<p>Thanks to <a href="http://dean.edwards.name/" target="_blank">Dean Edwards</a> for releasing such a neat program.  I&#8217;ve added a little option to convert script into bookmarklet.  Basically, its just wrapping the compressed script with Bookmarklet script header <img src='http://blog.zenoplex.jp/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Well there was a single problem I&#8217;ve faced in IE6.  Not sure why but version specific jQuery v1.3.2 on Google may not be compatible with IE6.</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
</pre></td><td class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #808080; font-style: italic;">&lt;!-- &lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js&quot;&gt;&lt;/script&gt; --&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">script</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js&quot;</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">script</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span>&gt;</span>
    (function($){
        //code here
    })(jQuery);
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">script</span>&gt;</span></pre></td></tr></table></div>

<p>For some reason it says &#8220;jQuery not defined&#8221;.  Using 1.3.1 on Google solved the problem.</p>
<p>You can check out the packer <a href="http://www.zenoplex.jp/tools/javascript_packer.html" target="_blank">here</a>.</p>
<p>[EDIT]<br />
There seems to be a problem with <a href="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" target="_blank">http://&shy;ajax.googleapis.com/&shy;ajax/&shy;libs/&shy;jquery/&shy;1.3.2/&shy;jquery.min.js</a> with IE.  Instead, consider using <a href="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" target="_blank">http://&shy;ajax.googleapis.com/&shy;ajax/&shy;libs/&shy;jquery/&shy;1.3/&shy;jquery.min.js</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.zenoplex.jp/2009/08/18/javascript-packer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Hands on review : ATH-CKS70</title>
		<link>http://blog.zenoplex.jp/2009/08/10/hands-on-review-ath-cks70/</link>
		<comments>http://blog.zenoplex.jp/2009/08/10/hands-on-review-ath-cks70/#comments</comments>
		<pubDate>Sun, 09 Aug 2009 18:24:18 +0000</pubDate>
		<dc:creator>Gen</dc:creator>
				<category><![CDATA[Diary]]></category>
		<category><![CDATA[audio]]></category>

		<guid isPermaLink="false">http://blog.zenoplex.jp/?p=806</guid>
		<description><![CDATA[ER-6I was broken recently so I decided to try out audio-technica&#8216;s inner-earphones, ATH-CKS70. My first impression was &#8220;not bad for its price&#8221;. Its got a sub-chamber to emphasize bass quality and surely got powerful bass for its size. However, treble lacks resolution compared to ER6i. ?And I couldn&#8217;t find any difference in two position post [...]]]></description>
			<content:encoded><![CDATA[<p><a title="ATH-CKS70 and ER6i" href="http://blog.zenoplex.jp/wp-content/uploads/2009/08/20090810_earphones.jpg"><img class="alignnone size-thumbnail wp-image-807" title="20090810_earphones" src="http://blog.zenoplex.jp/wp-content/uploads/2009/08/20090810_earphones-564x188.jpg" alt="20090810_earphones" width="564" height="188" /></a><a href="http://www.amazon.co.jp/gp/product/B000BFVI2I?ie=UTF8&amp;tag=zenoplex-22&amp;linkCode=as2&amp;camp=247&amp;creative=7399&amp;creativeASIN=B000BFVI2I">ER-6I</a><img style="border:none !important; margin:0px !important;" src="http://www.assoc-amazon.jp/e/ir?t=zenoplex-22&amp;l=as2&amp;o=9&amp;a=B000BFVI2I" border="0" alt="" width="1" height="1" /> was broken recently so I decided to try out <a href="http://www.audio-technica.com/world_map/">audio-technica</a>&#8216;s inner-earphones, <a href="http://www.amazon.co.jp/gp/product/B002B5ZZC0?ie=UTF8&amp;tag=zenoplex-22&amp;linkCode=as2&amp;camp=247&amp;creative=7399&amp;creativeASIN=B002B5ZZC0">ATH-CKS70</a><img style="border:none !important; margin:0px !important;" src="http://www.assoc-amazon.jp/e/ir?t=zenoplex-22&amp;l=as2&amp;o=9&amp;a=B002B5ZZC0" border="0" alt="" width="1" height="1" />.  My first impression was &#8220;not bad for its price&#8221;.  Its got a sub-chamber to emphasize bass quality and surely got powerful bass for its size.</p>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">However, treble lacks resolution compared to ER6i. ?And I couldn&#8217;t find any difference in two position post ear piece system. ?Personally, I&#8217;m kinda afraid whether if its leaking sound or not.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Anyway, ER6i costs about twice of ATH-CKS70 so its not a good practice to compare those two.</div>
<p><span id="more-806"></span>However, treble lacks resolution compared to ER6i (<em>I&#8217;ve recommend setting iPods EQ to treble boost</em><em>)</em> . ?And I couldn&#8217;t find any difference in two position post ear piece system. ?Personally, I&#8217;m kinda afraid whether if its leaking sound or not.</p>
<p>Anyway, ER6i costs about twice of ATH-CKS70 so its not a good practice to compare those two. ?But as a medium range earphone, I think ATH-CKS70 is one of the best in its kind.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.zenoplex.jp/2009/08/10/hands-on-review-ath-cks70/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Adding prompt text to text input with jQuery</title>
		<link>http://blog.zenoplex.jp/2009/08/09/adding-prompt-text-to-text-input-with-jquery/</link>
		<comments>http://blog.zenoplex.jp/2009/08/09/adding-prompt-text-to-text-input-with-jquery/#comments</comments>
		<pubDate>Sun, 09 Aug 2009 14:46:22 +0000</pubDate>
		<dc:creator>Gen</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://blog.zenoplex.jp/?p=796</guid>
		<description><![CDATA[A small plugin I made to show helper text for form text inputs. I&#8217;m sure there are tons of these going around the web already. Just learning from the basics. I believe I made this as easy as possible. Well this requires jQuery color plugin but implementation is pretty straight forward. 1 $&#40;&#34;input[name=single]&#34;&#41;.prompt&#40;&#34;some prompt text&#34;&#41;; [...]]]></description>
			<content:encoded><![CDATA[<p>A small plugin I made to show helper text for form text inputs.  I&#8217;m sure there are tons of these going around the web already.  Just learning from the basics.</p>
<p>I believe I made this as easy as possible.  Well this requires <a href="http://plugins.jquery.com/project/color" target="_blank">jQuery color plugin</a> but implementation is pretty straight forward.</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;">$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;input[name=single]&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #000066;">prompt</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;some prompt text&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p>Or you can just point whole text inputs and specify prompt text and its color.</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;">$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;input[type=text]&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #000066;">prompt</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span> 
                        text<span style="color: #339933;">:</span><span style="color: #3366CC;">&quot;some placeholder text&quot;</span><span style="color: #339933;">,</span> 
                        color<span style="color: #339933;">:</span><span style="color: #3366CC;">&quot;#FF0000&quot;</span><span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p><span id="more-796"></span>And full code here.</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span> <span style="color: #009900;">&#40;</span>jQuery<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    jQuery.<span style="color: #660066;">fn</span>.<span style="color: #660066;">extend</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>
        <span style="color: #000066;">prompt</span><span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">function</span> <span style="color: #009900;">&#40;</span>option<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
            <span style="color: #003366; font-weight: bold;">var</span> defaultText<span style="color: #339933;">;</span>
            <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">typeof</span> option<span style="color: #009900;">&#41;</span> <span style="color: #339933;">==</span> <span style="color: #3366CC;">&quot;string&quot;</span><span style="color: #009900;">&#41;</span> defaultText <span style="color: #339933;">=</span> option<span style="color: #339933;">;</span>
            <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>option <span style="color: #339933;">&amp;&amp;</span> option.<span style="color: #660066;">text</span><span style="color: #009900;">&#41;</span> defaultText <span style="color: #339933;">=</span> option.<span style="color: #660066;">text</span><span style="color: #339933;">;</span>
            <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">return</span><span style="color: #339933;">;</span>
&nbsp;
            <span style="color: #003366; font-weight: bold;">var</span> promptColor <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span>option <span style="color: #339933;">&amp;&amp;</span> option.<span style="color: #660066;">color</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">?</span> option.<span style="color: #660066;">color</span> <span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;#999999&quot;</span><span style="color: #339933;">;</span>
&nbsp;
            <span style="color: #003366; font-weight: bold;">var</span> array <span style="color: #339933;">=</span> <span style="color: #009900;">&#91;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
            <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">each</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span> <span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
                <span style="color: #003366; font-weight: bold;">var</span> $input <span style="color: #339933;">=</span> jQuery<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span>$input.<span style="color: #000066; font-weight: bold;">is</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;:input&quot;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">||</span> $input.<span style="color: #660066;">attr</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;type&quot;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">!=</span> <span style="color: #3366CC;">&quot;text&quot;</span><span style="color: #009900;">&#41;</span> <span style="color: #000066; font-weight: bold;">return</span><span style="color: #339933;">;</span>
&nbsp;
                <span style="color: #003366; font-weight: bold;">var</span> normalColor <span style="color: #339933;">=</span> $input.<span style="color: #660066;">css</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;color&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                <span style="color: #003366; font-weight: bold;">var</span> backgroundColor <span style="color: #339933;">=</span> $input.<span style="color: #660066;">css</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;background-color&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
                $input.<span style="color: #000066;">focus</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span> <span style="color: #009900;">&#40;</span><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>jQuery.<span style="color: #660066;">trim</span><span style="color: #009900;">&#40;</span>$input.<span style="color: #660066;">val</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">==</span> defaultText<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
                        $input.<span style="color: #660066;">css</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>
                            color<span style="color: #339933;">:</span> normalColor
                        <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">val</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                    <span style="color: #009900;">&#125;</span>
                <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span>.<span style="color: #000066;">blur</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span> <span style="color: #009900;">&#40;</span><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>jQuery.<span style="color: #660066;">trim</span><span style="color: #009900;">&#40;</span>$input.<span style="color: #660066;">val</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">==</span> <span style="color: #3366CC;">&quot;&quot;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
                        $input.<span style="color: #660066;">css</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>
                            color<span style="color: #339933;">:</span> backgroundColor
                        <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">val</span><span style="color: #009900;">&#40;</span>defaultText<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">animate</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>
                            color<span style="color: #339933;">:</span> promptColor
                        <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                    <span style="color: #009900;">&#125;</span>
                <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
                <span style="color: #003366; font-weight: bold;">var</span> value <span style="color: #339933;">=</span> $j.<span style="color: #660066;">trim</span><span style="color: #009900;">&#40;</span>$input.<span style="color: #660066;">val</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>value <span style="color: #339933;">==</span> <span style="color: #3366CC;">&quot;&quot;</span> <span style="color: #339933;">||</span> value <span style="color: #339933;">==</span> defaultText<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
                    $input.<span style="color: #660066;">css</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>
                        color<span style="color: #339933;">:</span> promptColor
                    <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">val</span><span style="color: #009900;">&#40;</span>defaultText<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                <span style="color: #009900;">&#125;</span>
&nbsp;
                array<span style="color: #009900;">&#91;</span>array.<span style="color: #660066;">length</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #000066; font-weight: bold;">this</span><span style="color: #339933;">;</span>
            <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
            <span style="color: #000066; font-weight: bold;">return</span> array<span style="color: #339933;">;</span>
        <span style="color: #009900;">&#125;</span>
    <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#40;</span>jQuery<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p>You can check out working sample <a href="http://www.zenoplex.jp/tools/jquery_prompt_text.html" target="_blank">here</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.zenoplex.jp/2009/08/09/adding-prompt-text-to-text-input-with-jquery/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Generating QRCode with Google Charts API</title>
		<link>http://blog.zenoplex.jp/2009/08/07/generating-qrcode-with-google-charts-api/</link>
		<comments>http://blog.zenoplex.jp/2009/08/07/generating-qrcode-with-google-charts-api/#comments</comments>
		<pubDate>Thu, 06 Aug 2009 17:35:17 +0000</pubDate>
		<dc:creator>Gen</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[service]]></category>

		<guid isPermaLink="false">http://blog.zenoplex.jp/?p=776</guid>
		<description><![CDATA[It seems Google Charts API supported QR Code generation for quite a while, which I didn&#8217;t know up until yesterday&#8230;oh boy. ?Anyway, since its so easy to generate QR Code with Google API, tested a quick sample. I&#8217;m not gonna go into detail of parameters. Just want to show how quickly it generates the QR [...]]]></description>
			<content:encoded><![CDATA[<p>It seems Google Charts API supported QR Code generation for quite a while, which I didn&#8217;t know up until yesterday&#8230;oh boy. ?Anyway, since its so easy to generate QR Code with Google API, tested a quick <a href="http://www.zenoplex.jp/tools/google_charts_qrcode.html" target="_blank">sample</a>.</p>
<p><span id="more-776"></span>I&#8217;m not gonna go into detail of parameters.  Just want to show how quickly it generates the QR code.  Below code will generate QR code containing location of where script is written.</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
</pre></td><td class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">script</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span>&gt;</span>
	var url = &quot;http://chart.apis.google.com/chart?cht=qr<span style="color: #ddbb00;">&amp;chs=100x100&amp;chl=&quot; + encodeURIComponent(window.location);</span>
	document.write('<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">img</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;' + url + '&quot;</span><span style="color: #66cc66;">/</span>&gt;</span>');
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">script</span>&gt;</span></pre></td></tr></table></div>

<p>It maybe a fun experiment generating tons of QR Code to just visualize all sorts of information.  Will give a try when a have more time to work on this.</p>
<p>Check out the full generator demo <a href="http://www.zenoplex.jp/tools/google_charts_qrcode.html" target="_blank">here</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.zenoplex.jp/2009/08/07/generating-qrcode-with-google-charts-api/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>replacing 404 image with jQuery(2)</title>
		<link>http://blog.zenoplex.jp/2009/08/03/replacing-404-image-with-jquery2/</link>
		<comments>http://blog.zenoplex.jp/2009/08/03/replacing-404-image-with-jquery2/#comments</comments>
		<pubDate>Mon, 03 Aug 2009 11:00:49 +0000</pubDate>
		<dc:creator>Gen</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://blog.zenoplex.jp/?p=760</guid>
		<description><![CDATA[In my previous post, I&#8217;ve mentioned a way to load image using ajax but I&#8217;ve gotta admit it was pure hack &#8216;n slash method which wasn&#8217;t elegant at all. There&#8217;s an excellent jQuery plugin made by Ariel Flesler to handle image preloading nice and easy. 1 2 3 4 5 6 7 8 9 10 [...]]]></description>
			<content:encoded><![CDATA[<p>In my <a href="http://blog.zenoplex.jp/2009/07/20/swaping-404-image-with-jquery/">previous post</a>, I&#8217;ve mentioned a way to load image using ajax but I&#8217;ve gotta admit it was pure hack &#8216;n slash method which wasn&#8217;t elegant at all.  There&#8217;s an excellent jQuery plugin made by <a href="http://flesler.blogspot.com/2008/01/jquerypreload.html" target="_blank">Ariel Flesler</a> to handle image preloading nice and easy.</p>
<p><span id="more-760"></span></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">var</span> $j <span style="color: #339933;">=</span> jQuery.<span style="color: #660066;">noConflict</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
$j<span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
    <span style="color: #003366; font-weight: bold;">var</span> phImage	<span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;placeholder.jpg&quot;</span><span style="color: #339933;">;</span> <span style="color: #006600; font-style: italic;">//url to placeholder image while image loads.</span>
    <span style="color: #003366; font-weight: bold;">var</span> altImage <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;nophoto.jpg&quot;</span><span style="color: #339933;">;</span> <span style="color: #006600; font-style: italic;">//alternative image to show if image fails loading.</span>
        $j<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;div.some-class img&quot;</span><span style="color: #009900;">&#41;</span> <span style="color: #006600; font-style: italic;">//selector</span>
            .<span style="color: #660066;">preload</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>
		placeholder<span style="color: #339933;">:</span>phImage<span style="color: #339933;">,</span>
		notFound<span style="color: #339933;">:</span>altImage<span style="color: #339933;">,</span>
		threshold<span style="color: #339933;">:</span><span style="color: #CC0000;">1</span>
	    <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p>Since I wanted to make images to fade-in, I&#8217;ve added an effect on <em>onComplete</em> handler.  Notice I didn&#8217;t chain <em>hide()</em> before <em>preload()</em>. In some browsers $(document).ready fires so slow thus hiding at $(document).ready can be too late making image to flicker.  So I added the last line to dynamically modify style, rather than hard-coding the css file.</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">var</span> $j <span style="color: #339933;">=</span> jQuery.<span style="color: #660066;">noConflict</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
$j<span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
    <span style="color: #003366; font-weight: bold;">var</span> phImage	<span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;placeholder.jpg&quot;</span><span style="color: #339933;">;</span> <span style="color: #006600; font-style: italic;">//url to placeholder image while image loads.</span>
    <span style="color: #003366; font-weight: bold;">var</span> altImage <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;nophoto.jpg&quot;</span><span style="color: #339933;">;</span> <span style="color: #006600; font-style: italic;">//alternative image to show if image fails loading.</span>
        $j<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;div.some-class img&quot;</span><span style="color: #009900;">&#41;</span> <span style="color: #006600; font-style: italic;">//selector</span>
            .<span style="color: #660066;">preload</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>
                onComplete<span style="color: #339933;">:</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>data<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
		    $j<span style="color: #009900;">&#40;</span>data.<span style="color: #660066;">original</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">fadeIn</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>  <span style="color: #006600; font-style: italic;">// this will make image to fadein after loading.</span>
		<span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span>
		placeholder<span style="color: #339933;">:</span>phImage<span style="color: #339933;">,</span>
		notFound<span style="color: #339933;">:</span>altImage<span style="color: #339933;">,</span>
		threshold<span style="color: #339933;">:</span><span style="color: #CC0000;">1</span>
	    <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
$j<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'head'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">append</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'&lt;style&gt;div.some-class img{display:none;}&lt;/style&gt;'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

]]></content:encoded>
			<wfw:commentRss>http://blog.zenoplex.jp/2009/08/03/replacing-404-image-with-jquery2/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>GoW2 Jp version is gimped</title>
		<link>http://blog.zenoplex.jp/2009/08/03/gow2-japanese-is-gimped/</link>
		<comments>http://blog.zenoplex.jp/2009/08/03/gow2-japanese-is-gimped/#comments</comments>
		<pubDate>Sun, 02 Aug 2009 15:30:46 +0000</pubDate>
		<dc:creator>Gen</dc:creator>
				<category><![CDATA[Entertainment]]></category>
		<category><![CDATA[xbox360]]></category>

		<guid isPermaLink="false">http://blog.zenoplex.jp/?p=729</guid>
		<description><![CDATA[Seems like headshot(aka hs) effects were removed in Japanese version. I personally don&#8217;t mind the gore but maybe they should have left in the sound effect otherwise its really hard to tell whether it was a hs or not. So what&#8217;s up with the gore settings? Why not just set gore off by default rather [...]]]></description>
			<content:encoded><![CDATA[<p><a title="dizzy aiming for headshot" href="http://blog.zenoplex.jp/wp-content/uploads/2009/08/20090802_gow2.jpg"><img class="alignnone size-thumbnail wp-image-747" title="20090802_gow2" src="http://blog.zenoplex.jp/wp-content/uploads/2009/08/20090802_gow2-564x188.jpg" alt="dizzy aiming for headshot" width="564" height="188" /></a>Seems like headshot(aka hs) effects were removed in Japanese version.  I personally don&#8217;t mind the gore but maybe they should have left in the sound effect otherwise its really hard to tell whether it was a hs or not.</p>
<p><span id="more-729"></span>So what&#8217;s up with the gore settings?  Why not just set gore off by default rather then rehashing the game experience with more than half-year delay from the original release.</p>
<p>I think ratings are pretty messed up here. ?What about resident evil 5? ?I don&#8217;t think that fits into CERO-D. ?And what is CERO-Z for anyway? ?Maybe its time for ESRB to extend to Japan.</p>
<p>Watch the comparison <a rel="shadowbox;width=560;height=340;" href="http://www.youtube.com/v/yixDAB1-JFQ&amp;hl=ja&amp;fs=1&amp;autoplay=1">here</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.zenoplex.jp/2009/08/03/gow2-japanese-is-gimped/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

<!-- Dynamic Page Served (once) in 0.672 seconds -->
