<?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>Instant Ramen &#187; Web</title>
	<atom:link href="http://www.instant-ramen.net/category/web/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.instant-ramen.net</link>
	<description>The most important Japanese invention of the Century</description>
	<lastBuildDate>Tue, 07 Sep 2010 18:13:41 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>New JapanSoc it! Button</title>
		<link>http://www.instant-ramen.net/2009/04/new-japansoc-it-button/</link>
		<comments>http://www.instant-ramen.net/2009/04/new-japansoc-it-button/#comments</comments>
		<pubDate>Tue, 14 Apr 2009 05:13:04 +0000</pubDate>
		<dc:creator>Hao</dc:creator>
				<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.instant-ramen.net/?p=628</guid>
		<description><![CDATA[

That&#8217;s right, here&#8217;s the newly designed Japansoc.com &#8220;Soc it!&#8221;  button which I was working on :), and better yet, the plugin is available for Wordpress for an easy install! But how do you use it, why, what&#8217;s Japansoc and how can you benefit?

But what is JapanSoc anyway?
Say you have a blog and you like to [...]


No related posts.]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-629" title="Japansoc Soc it! Button" src="http://www.instant-ramen.net/wp-content/uploads/2009/04/soc_it.jpg" alt="Japansoc Soc it! Button" width="720" height="540" /></p>
<p><span style="padding-top: 0px; padding-bottom: 2px; margin-left:0px; margin-right:10px; float:left;"><script type="text/javascript" src="http://www.japansoc.com/index.php?page=evb"></script></span></p>
<p>That&#8217;s right, here&#8217;s the newly designed <a href="http://www.japansoc.com" target="_blank">Japansoc.com</a> &#8220;Soc it!&#8221;  button which I was working on :), and better yet, the plugin is available for Wordpress for an easy install! But how do you use it, why, what&#8217;s Japansoc and how can you benefit?</p>
<p><span id="more-628"></span></p>
<h2>But what is JapanSoc anyway?</h2>
<p>Say you have a blog and you like to write about Japan-related stuff, be it traveling, pictures, language, otaku subculture&#8230; anything! You take your time to take some nice pictures of Japan castles and temples, write about your experience, but now what? How do you get people to know about your content? Well, <a href="http://www.japansoc.com" target="_blank">Japansoc.com</a> is <em>the</em> place to promote your good Japan-related content! You basically submit your article, and readers who like your content will <em>soc it</em> (vote). If you get enough votes, you&#8217;ll be in the front page and ensure tons of visitors ^^</p>
<p>On the other hand, if you&#8217;re interested in the latest Japan news but don&#8217;t know where to start, you should join too &#8212; you&#8217;ll get used to it quickly &#8212; and it&#8217;s addictive!</p>
<h2>JapanSoc it! button<br />
</h2>
<p>The JapanSoc soc it! button can be easily included in any of your posts &#8212; if you don&#8217;t feel like putting the button in every single post (I don&#8217;t), you should include it in posts that you submit to JapanSoc, for example take a look at my <a href="http://www.instant-ramen.net/2009/04/trip-to-asakusa-temples-and-shrines/">Asakusa</a> post, <strong><span style="text-decoration: line-through;">18</span> 19 socs</strong>, not bad!</p>
<p><img class="aligncenter size-full wp-image-641" title="Japansoc Soc it! Button" src="http://www.instant-ramen.net/wp-content/uploads/2009/04/japansoc11.jpg" alt="Japansoc Soc it! Button" width="720" height="540" /></p>
<p>If your regular readers find your posts interesting you can invite them to soc it! and what better way than to include this neat button?</p>
<h2>Installing the Soc it! button</h2>
<p>If you&#8217;re using Wordpress, just install it as any other plugin: In your dashboard, go to <strong>Plugins &gt; Add New</strong>:</p>
<p><img class="aligncenter size-full wp-image-642" title="Japansoc Soc it! Button" src="http://www.instant-ramen.net/wp-content/uploads/2009/04/japansoc2.png" alt="Japansoc Soc it! Button" width="536" height="382" /></p>
<p>Look for &#8220;japansoc&#8221; and hit search. (Hopefully!) the <em>official </em>Japansoc soc it! plugin will show up first. Install it, and don&#8217;t forget to activate it!</p>
<h2>Japansoc Soc it! Usage</h2>
<p>Usage can&#8217;t be more simple &#8212; you&#8217;re probably using the Wordpress Rich Text editor. To insert the button, go to HTML editing mode by clicking on the <strong>HTML</strong> tab:</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-644" title="Japan Soc it! Button" src="http://www.instant-ramen.net/wp-content/uploads/2009/04/japansoc3.png" alt="jaJapan Soc it! Button" width="740" height="540" /></p>
<p>On the HTML editor, simply click on the <strong>JSoc-L</strong> or <strong>JSoc-R</strong> buttons and the code<strong> &lt;!&#8211;japansocleft&#8211;&gt;</strong> or <strong>&lt;!&#8211;japansocright&#8211;&gt;</strong> will be automatically inserted (you can type it manually too). In my case, the button appears on the left side, but you can include it on the right side if you want! Don&#8217;t forget to return to <strong>Visual</strong> mode to continue writing =)</p>
<p>Anyway, whether you&#8217;re a Japansoc&#8217;er or not, I hope you can benefit from this button to bring in more visitors &#8212; don&#8217;t be shy, we don&#8217;t bite! (Oh, and don&#8217;t forget to soc me! ^^)</p>


<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://www.instant-ramen.net/2009/04/new-japansoc-it-button/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>April Fools DannyChoo.com layout</title>
		<link>http://www.instant-ramen.net/2009/04/april-fools-dannychoocom-layout/</link>
		<comments>http://www.instant-ramen.net/2009/04/april-fools-dannychoocom-layout/#comments</comments>
		<pubDate>Thu, 02 Apr 2009 22:17:07 +0000</pubDate>
		<dc:creator>Hao</dc:creator>
				<category><![CDATA[Japan]]></category>
		<category><![CDATA[Otaku]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.instant-ramen.net/?p=465</guid>
		<description><![CDATA[
Do you recognize these two websites? To the left is DannyChoo.com, and to the right is Instant-Ramen.net April Fools&#8217; layout (if you&#8217;re a regular DC user you won&#8217;t see the welcome page though &#8212; check the static DannyChoo screenshot). I promised to write about why and how I ripped mimicked DannyChoo&#8217;s, so here&#8217;s the real [...]


No related posts.]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-466" title="Instant-ramen.net April Fools' DannyChoo.com layout" src="http://www.instant-ramen.net/wp-content/uploads/2009/04/ir_vs_dc.jpg" alt="Instant-ramen.net April Fools' DannyChoo.com layout" width="712" height="430" /></p>
<p>Do you recognize these two websites? To the left is <a href="http://www.dannychoo.com/" target="_blank">DannyChoo.com</a>, and to the right is <a href="http://www.instant-ramen.net/dcap_index" target="_blank">Instant-Ramen.net April Fools&#8217;</a> layout (if you&#8217;re a regular DC user you won&#8217;t see the welcome page though &#8212; check the <a href="http://www.instant-ramen.net/wp-content/uploads/2009/04/dannychoocom-your-portal-to-japan-small-copy.jpg" target="_blank">static DannyChoo screenshot</a>). I promised to write about why and how I <span style="text-decoration: line-through;">ripped</span> mimicked DannyChoo&#8217;s, so here&#8217;s the real FAQ:</p>
<p><strong><span style="text-decoration: underline;">Note:</span> </strong>I did not use any of DC&#8217;s original source files (be it HTML, CSS styles, images), I did the whole layout from scratch, only by looking at Danny&#8217;s layout &#8212; my <a href="http://www.instant-ramen.net/2009/03/video-game-developers-office/">Dual Monitor</a> setup helped a lot though. I was a bit scared that I would be receiving calls and threats from ninja lawyers &gt;_&lt;, but fortunately <a href="http://www.dannychoo.com/detail/mac/eng/image/16754/Instant-Ramen.net+layout+v2+-+Need+Feedback.html#comment544122" target="_blank">Danny Choo LOL&#8217;d</a> ^^;</p>
<p><span id="more-465"></span></p>
<h2>Why?</h2>
<p>Well, actually I had to migrate my other websites, and since I wasn&#8217;t too sure about how to do it, I had decided to put Instant Ramen down in the meantime, just so that databases and files were exactly mirrored (my other websites had some downtime). The whole thing was planned about two weeks before April, so I suddenly thought that mimicking DC&#8217;s layout would be funny, challenging, and a perfect way to put down IR&#8217;s content for mantainance!</p>
<h2>Reception</h2>
<p>Since I decided to publish the <em>new</em> and <em>unique</em> layout on April 1st in Japan, it was still March on the West, which confused quite a few fellas. The DC <a href="http://www.dannychoo.com/detail/mac/eng/image/16754/Instant-Ramen.net+layout+v2+-+Need+Feedback.html" target="_blank">member news</a> asking for feedback for my new layout produced quite a lot of bashing, including comments like &#8220;instant rip off of DC&#8221; or &#8220;is this a joke?&#8221;, until a few users found out it was a trap! I&#8217;d also like to thank Twitterers <a href="http://www.goddesscarlie.com/" target="_blank">Goddess Carlie</a> and <a href="http://www.loneleeplanet.com/" target="_blank">Reesan</a>, who played along very well ^^ as well as <a href="http://www.nihongonotes.com/" target="_blank">Chris</a>, <a href="http://michaeldowney.net/" target="_blank">Mike</a>, and <a href="http://www.jeromesadou.com/" target="_blank">Jerome</a>; and of course to all <a href="http://www.japansoc.com/Blogging/instant-ramen/" target="_blank">JapanSoc&#8217;ers</a>! :)</p>
<p><strong>Update:</strong> As for Google, both Feedburner and Google didn&#8217;t like my update, and most of my permalinked posts were now showing the fake April Fool&#8217;s information, which was probably the worst SEO move I&#8217;ve ever done. Not that I receive that much of a traffic through Google yet, and besides I&#8217;ve switched back to my layout and Google seems to be liking it. :)</p>
<h2>Technical Details</h2>
<p>As for the layout, I was initially going to mimick the whole DC website, but Danny Choo decided to change his gateway pages a few days ago, which ruined the whole plan T__T, so I decided to keep some parts that still look like DC (for example the Delicious Feeds to your right) since I already had them working and fully operational. Anyway, designing and CSS&#8217;ing the whole layout took me about 4-5 hours which could&#8217;ve been spent watching animé or Jdrama ^^</p>
<p><img class="aligncenter size-full wp-image-470" title="Instant Ramen vs. DannyChoo top" src="http://www.instant-ramen.net/wp-content/uploads/2009/04/ir_vs_dc_top.png" alt="Instant Ramen vs. DannyChoo top" width="692" height="127" />The header took me about 20 minutes to complete, the most challenging part was finding a font similar to Danny&#8217;s logo and the &#8220;d&#8221; icon. My shadows don&#8217;t look too good, and the logo does not look that all too crispy &#8212; I&#8217;m not a fan of designing through Photoshop or Illustrator, and my Vector graphics program doesn&#8217;t have any shadow-like filter so I had to do it manually, and rendered fonts don&#8217;t look crispy enough.</p>
<p><img class="aligncenter size-full wp-image-471" title="Instant Ramen vs. DannyChoo collage" src="http://www.instant-ramen.net/wp-content/uploads/2009/04/collage.png" alt="Instant Ramen vs. DannyChoo collage" width="430" height="400" /></p>
<p>As for the collage, I didn&#8217;t use too many dark pictures, which was my mistake and had to add much more shadows to my logos (did it with Photoshop this time though). Danny&#8217;s photos are clearly superior than mine T_T though I&#8217;m proud of the pictures I took! I enjoyed doing my own collage but I have to admit that I spent some time watching at my own Japan gallery.</p>
<p><img class="aligncenter size-full wp-image-472" title="Instant Ramen vs. DannyChoo buttons" src="http://www.instant-ramen.net/wp-content/uploads/2009/04/buttons.png" alt="Instant Ramen vs. DannyChoo buttons" width="500" height="240" /></p>
<p>As for the buttons, I think I did a good job and also matched DC&#8217;s fonts, though it wasn&#8217;t too much of a challenge (he probably knows why). Danny&#8217;s Japanese text reads &#8220;Japanese users here&#8221;, while mine reads &#8220;Udon-lovers here&#8221; ^^;</p>
<p><img class="aligncenter size-full wp-image-473" title="Instant Ramen vs. DannyChoo preferences" src="http://www.instant-ramen.net/wp-content/uploads/2009/04/preferences.jpg" alt="Instant Ramen vs. DannyChoo preferences" width="671" height="519" />As for the preferences, I decided to take a little spin from Danny&#8217;s version. Udon tastes great, but nothing beats a good bowl of ramen! As for the figure skating&#8230;</p>
<p><img class="aligncenter size-full wp-image-474" title="mirai marui" src="http://www.instant-ramen.net/wp-content/uploads/2009/04/mirai.png" alt="mirai marui" width="316" height="183" /></p>
<p>For those who are clueless, mirai.fm is Danny Choo&#8217;s CGM Company (logo above). Mirai means <em>future</em> in Japanese, which is a nice. Anyway, my logo marui.fm means &#8220;round&#8221; in Japanese &#8212; only changed two letters and completely destroyed a good name ^o^. I didn&#8217;t spend much time creating my logo (looks like crap and not too similar to marui.fm) since I&#8217;m not good at creating vectors from scratch. Still, nailed the &#8220;a&#8221; quite well.</p>
<p><img class="aligncenter size-full wp-image-475" title="Instant Ramen vs. DannyChoo mascot" src="http://www.instant-ramen.net/wp-content/uploads/2009/04/mascot.jpg" alt="Instant Ramen vs. DannyChoo mascot" width="420" height="620" /></p>
<p>Finally, as for the mascot, since I wanted to keep the layout as original as possible, I decided to use Amy-chan, from the latest Independent video-game for Dreamcast, <a href="http://www.wind-water.net/" target="_blank">Wind and Water: Puzzle Battles</a> (<a href="http://www.wind-water.net/jp">Japanese website</a>), created by my company Yuan Works :)</p>
<p>Hope you enjoyed April 1st as much as I did reading a few pranks and creating my own too. Had quite a lot of fun and learned a few tricks that Danny uses, after a guru of teh internetz. I&#8217;ll be updating my layout (for real) on the next few days taking into account the small details that I learned. I hope you guys enjoyed my small prank and those who were fooled, mark your next year&#8217;s calendar! Again, thanks to Danny Choo for not taking it seriously and laughing, and for supplying the internet with Japan content for us JLovers =)</p>
Note: There is a poll embedded within this post, please visit the site to participate in this post's poll.


<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://www.instant-ramen.net/2009/04/april-fools-dannychoocom-layout/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
	</channel>
</rss>
