<?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>siRiokun &#187; Social</title>
	<atom:link href="http://siriokun.com/blog/category/social/feed/" rel="self" type="application/rss+xml" />
	<link>http://siriokun.com</link>
	<description>Some secrets of CSS Ninja new techniques. POFF!</description>
	<lastBuildDate>Thu, 10 Jun 2010 00:18:04 +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>Kolaborasi Snippets di 80tasks</title>
		<link>http://siriokun.com/blog/kolaborasi-snippets-80tasks/</link>
		<comments>http://siriokun.com/blog/kolaborasi-snippets-80tasks/#comments</comments>
		<pubDate>Thu, 10 Jun 2010 00:18:04 +0000</pubDate>
		<dc:creator>Rio</dc:creator>
				<category><![CDATA[Social]]></category>
		<category><![CDATA[kolaborasi]]></category>
		<category><![CDATA[snippets]]></category>

		<guid isPermaLink="false">http://siriokun.com/?p=260</guid>
		<description><![CDATA[Setiap kita memulai web project baru pasti menemukan beberapa script  yang seringkali digunakan dalam setiap development. Kumpulan script ini  dapat berupa elemen visual seperti elemen navigasi, form input, post  layout, gallery, dll. Dapat juga berupa berupa elemen fungsional seperti  slideshow, tooltip, popup dialog, dll. Kumpulan script yang sering kita  gunakan [...]]]></description>
			<content:encoded><![CDATA[<p>Setiap kita memulai web project baru pasti menemukan beberapa script  yang seringkali digunakan dalam setiap development. Kumpulan script ini  dapat berupa elemen visual seperti elemen navigasi, form input, post  layout, gallery, dll. Dapat juga berupa berupa elemen fungsional seperti  slideshow, tooltip, popup dialog, dll. Kumpulan script yang sering kita  gunakan pada setiap project ini dinamakan <strong>Snippet</strong>.</p>
<p>Para developer web mulai dari designer hingga programmer telah  mendokumentasikan snippet-snippet ini dengan sangat antusias. Berikut  beberapa diantaranya :</p>
<ul>
<li>Wireframe Template &#8211; <a title="http://www.jankoatwarpspeed.com/post/2009/12/24/sketching-wireframing-kit.aspx" href="http://www.facebook.com/note_redirect.php?note_id=220643321644&amp;h=37993a26d372e38835f17fa4944866b6&amp;url=http%3A%2F%2Fwww.jankoatwarpspeed.com%2Fpost%2F2009%2F12%2F24%2Fsketching-wireframing-kit.aspx" target="_blank">http://www.jankoatwarpspeed.com/post/2009/12/24/sketching-wireframing-kit.aspx</a></li>
<li>PatternTap &#8211; <a title="http://www.patterntap.com/" href="http://www.facebook.com/note_redirect.php?note_id=220643321644&amp;h=5a29796cb42bc29ce4fe6af29c9316cc&amp;url=http%3A%2F%2Fwww.patterntap.com%2F" target="_blank">http://www.patterntap.com/</a></li>
<li>CSS-Tricks Snippets &#8211; <a title="http://css-tricks.com/snippets/" href="http://www.facebook.com/note_redirect.php?note_id=220643321644&amp;h=b64bc15023fb3200bb23ffd43e4e14d8&amp;url=http%3A%2F%2Fcss-tricks.com%2Fsnippets%2F" target="_blank">http://css-tricks.com/snippets/</a></li>
<li>DevSnippets &#8211; <a title="http://devsnippets.com/" href="http://www.facebook.com/note_redirect.php?note_id=220643321644&amp;h=d18cfb6a564f78177a3be954984d8640&amp;url=http%3A%2F%2Fdevsnippets.com%2F" target="_blank">http://devsnippets.com/</a></li>
<li>Dzone Snippets &#8211; <a title="http://snippets.dzone.com/" href="http://www.facebook.com/note_redirect.php?note_id=220643321644&amp;h=a5e869fd6e1f6507f1dd921ec4529ccb&amp;url=http%3A%2F%2Fsnippets.dzone.com%2F" target="_blank">http://snippets.dzone.com/</a></li>
<li>Snipplr- <a title="http://snipplr.com/" href="http://www.facebook.com/note_redirect.php?note_id=220643321644&amp;h=77513e43c6432694d9beb9b8d5f175fd&amp;url=http%3A%2F%2Fsnipplr.com%2F" target="_blank">http://snipplr.com/</a></li>
<li>Drupal Snippets &#8211; <a title="http://drupalsnippets.com/" href="http://www.facebook.com/note_redirect.php?note_id=220643321644&amp;h=8123b8f068ecb1cdc493509406192857&amp;url=http%3A%2F%2Fdrupalsnippets.com%2F" target="_blank">http://drupalsnippets.com/</a></li>
<li>Snippi (Magento Snippets) &#8211; <a title="http://snippi.net/" href="http://www.facebook.com/note_redirect.php?note_id=220643321644&amp;h=26fba0349fbf1209d1e03d7377daa5ba&amp;url=http%3A%2F%2Fsnippi.net%2F" target="_blank">http://snippi.net/</a></li>
<li>ReFactory &#8211; <a title="http://www.refactory.org/" href="http://www.facebook.com/note_redirect.php?note_id=220643321644&amp;h=d817dcaa7b0f364141809cd5424a1936&amp;url=http%3A%2F%2Fwww.refactory.org%2F" target="_blank">http://www.refactory.org/</a></li>
</ul>
<p>Dan masih banyak snippet-snippet yang dikategorikan berdasarkan bahasa  pemograman bahkan berdasarkan CMS.</p>
<p>Begitu banyaknya snippet siap pakai tersebut namun dikarenakan banyaknya  jumlah snippet yang ada dan dokumentasi yang kurang lengkap dan tidak  adanya dukungan bahasa lokal membuat usaha ekstra untuk mempelajari  snippet-snippet tersebut untuk dapat diimplementasikan ke dalam project  kita saat ini.</p>
<p>Ada keinginan untuk membuat sebuah website yang berisi snippet berbahasa  Indonesia dan mudah untuk dipelajari serta menggunakan konsep best  practices coding. Dan sudah ada langkah awal mengenai hal ini dengan  membangun sebuah situs bernama <strong>80tasks &#8211; <a title="http://80tasks.com/" href="http://www.facebook.com/note_redirect.php?note_id=220643321644&amp;h=d6087ca0ff471a86070184aa225c18fd&amp;url=http%3A%2F%2F80tasks.com%2F" target="_blank">http://80tasks.com/</a></strong>.</p>
<p>Langkah selanjutnya diperlukan kerjasama dari developer untuk ikut  berkontribusi memonitor kualitas coding di 80tasks agar 80tasks ini  dapat menjadi sumber referensi snippet yang handal.</p>
]]></content:encoded>
			<wfw:commentRss>http://siriokun.com/blog/kolaborasi-snippets-80tasks/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Forum Web Anak Bandung (FOWAB)</title>
		<link>http://siriokun.com/blog/fowab/</link>
		<comments>http://siriokun.com/blog/fowab/#comments</comments>
		<pubDate>Thu, 18 Feb 2010 06:09:40 +0000</pubDate>
		<dc:creator>Rio</dc:creator>
				<category><![CDATA[Social]]></category>
		<category><![CDATA[event]]></category>

		<guid isPermaLink="false">http://siriokun.com/?p=222</guid>
		<description><![CDATA[Nanti sore para geek mau keluar kandang, ngumpul-ngumpul di Common Room Foundation  

Ikutan acara FOWAB ngomongin topik Creative IT oleh pembicara-pembicara dari Thinkroom, Ravewarior dan Ruang Freelance.
Yang pasti akan banyak para geek Bandung yang datang termasuk para coder, desainer dan project manager. Manfaatkan kesempatan ini untuk memperluas network, menjalin partnership, bertatap langsung dengan para [...]]]></description>
			<content:encoded><![CDATA[<p>Nanti sore para geek mau keluar kandang, ngumpul-ngumpul di <a href="http://commonroom.info/about/">Common Room Foundation</a> <img src='http://siriokun.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<p><a href="http://commonroom.info/about/"><img class="aligncenter" title="Lokasi Acara FOWAB #1 di Common Room Bandung" src="http://dl.dropbox.com/u/2927070/pic/commonroomap.gif" alt="" width="450" height="452" /></a></p>
<p>Ikutan acara <a href="http://www.facebook.com/event.php?eid=344264528331">FOWAB</a> ngomongin topik Creative IT oleh pembicara-pembicara dari Thinkroom, Ravewarior dan Ruang Freelance.</p>
<p>Yang pasti akan banyak para geek Bandung yang datang termasuk para coder, desainer dan project manager. Manfaatkan kesempatan ini untuk memperluas network, menjalin partnership, bertatap langsung dengan para geek se-Bandung!</p>
<p>Sampai ketemu di Common Room! Monitor perkembangan terbarunya dengan mem-<em>follow</em> <a href="http://twitter.com/fowab">@fowab</a></p>
<p><em>*Main bolanya batal Bud!</em></p>
]]></content:encoded>
			<wfw:commentRss>http://siriokun.com/blog/fowab/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cara menampilkan Widget di Facebook</title>
		<link>http://siriokun.com/blog/widget-facebook/</link>
		<comments>http://siriokun.com/blog/widget-facebook/#comments</comments>
		<pubDate>Mon, 15 Jun 2009 05:59:42 +0000</pubDate>
		<dc:creator>Rio</dc:creator>
				<category><![CDATA[Social]]></category>
		<category><![CDATA[facebook]]></category>

		<guid isPermaLink="false">http://siriokun.com/?p=25</guid>
		<description><![CDATA[Ada banyak cara menampilkan widget di Facebook seperti halnya widget di Wordpress. Untuk menampilkan widget di Facebook, salah satu caranya adalah dengan menggunakan aplikasi Facebook bernama More Extended Info. Berikut caranya,

Login ke Facebook dan buka http://apps.facebook.com/more_ei/ (halaman apllikasi More Extended Info)
Klik Insert New Field dan pilih Lightweight Markup 
Kemudian paste kode html kamu,   [...]]]></description>
			<content:encoded><![CDATA[<p>Ada banyak cara menampilkan widget di Facebook seperti halnya widget di Wordpress. Untuk menampilkan widget di Facebook, salah satu caranya adalah dengan menggunakan aplikasi Facebook bernama <a href="http://apps.facebook.com/more_ei/">More Extended Info</a>. Berikut caranya,</p>
<ol>
<li>Login ke Facebook dan buka <a href="http://apps.facebook.com/more_ei/">http://apps.facebook.com/more_ei/</a> (halaman apllikasi More Extended Info)</li>
<li>Klik <strong>Insert New Field</strong> dan pilih <strong>Lightweight Markup</strong> <img src="http://siriokun.com/wp-content/uploads/2009/06/mei_markup.jpg" alt="Lightweight Markup di More Extended Info" title="Lightweight Markup di More Extended Info" width="494" height="450" class="aligncenter size-full wp-image-26" /></li>
<li>Kemudian paste kode html kamu, <img src="http://siriokun.com/wp-content/uploads/2009/06/mei_html.jpg" alt="HTML Markup" title="HTML Markup" width="691" height="263" class="aligncenter size-full wp-image-27" />  dan klik <strong>Save Changes</strong></li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://siriokun.com/blog/widget-facebook/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Wordpress Facebook Clone Theme</title>
		<link>http://siriokun.com/blog/wordpress-facebook-theme/</link>
		<comments>http://siriokun.com/blog/wordpress-facebook-theme/#comments</comments>
		<pubDate>Fri, 12 Jun 2009 22:16:57 +0000</pubDate>
		<dc:creator>Rio</dc:creator>
				<category><![CDATA[Social]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://siriokun.com/?p=3</guid>
		<description><![CDATA[Facebook style Wordpress theme from Nazieb is so Facebook   but it needs more enhancements to make it more facebook. First, add this rules to your css file:
.textwidget p{margin-top:7px;}
.form_login{margin-bottom:7px;}
.current-cat{border-right:1px solid #D8DFEA;}
.archive{display:none;}
.post-text h2,.post-text h3{font-family:Arial, Verdana, sans-serif; font-size:14px}
.post-text h3{font-size:12px}
.post-text img{background:#ddd}
.post-text img.aligncenter{border:1px solid #ccc; border-color: #ddd #ddd #ccc #ccc; border-width:1px 1px 2px 1px; margin:20px 0; padding:10px}
.post-text ul,.post-text [...]]]></description>
			<content:encoded><![CDATA[<p>Facebook style Wordpress theme from Nazieb is so Facebook <img src='http://siriokun.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' />  but it needs more enhancements to make it more facebook. First, add this rules to your css file:</p>
<p><code>.textwidget p{margin-top:7px;}<br />
.form_login{margin-bottom:7px;}<br />
.current-cat{border-right:1px solid #D8DFEA;}<br />
.archive{display:none;}<br />
.post-text h2,.post-text h3{font-family:Arial, Verdana, sans-serif; font-size:14px}<br />
.post-text h3{font-size:12px}<br />
.post-text img{background:#ddd}<br />
.post-text img.aligncenter{border:1px solid #ccc; border-color: #ddd #ddd #ccc #ccc; border-width:1px 1px 2px 1px; margin:20px 0; padding:10px}<br />
.post-text ul,.post-text ol{line-height:normal; margin:0 0 20px; }<br />
.post-text li{list-style:square; line-height:normal; margin:0 0 7px 12px; }<br />
.post-text ol li{list-style:decimal; margin:0 0 7px 18px; }<br />
</code></p>
<p>This will fix the whitespace between the elements.</p>
<p>Yeah, my enhancements quite lame huh!? Just wait, I want to make something more on this, but I have some work to do now. Maybe next time <img src='http://siriokun.com/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://siriokun.com/blog/wordpress-facebook-theme/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Legendary CSS Ninja</title>
		<link>http://siriokun.com/blog/css-ninja/</link>
		<comments>http://siriokun.com/blog/css-ninja/#comments</comments>
		<pubDate>Fri, 12 Jun 2009 19:44:55 +0000</pubDate>
		<dc:creator>Rio</dc:creator>
				<category><![CDATA[Social]]></category>

		<guid isPermaLink="false">http://siriokun.com/?p=1</guid>
		<description><![CDATA[I really don&#8217;t know for sure what it means to be a CSS Ninja, but from my own perception it must be something like The Legend of the Gutsy Ninja,
This was Jiraiya&#8217;s first written book. He wrote this book while training the Ame Orphans. He dedicated it to Nagato because he gave Jiraiya the inspiration [...]]]></description>
			<content:encoded><![CDATA[<p>I really don&#8217;t know for sure what it means to be a CSS Ninja, but from my own perception it must be something like <a href="http://naruto.wikia.com/wiki/The_Legend_of_the_Gutsy_Ninja">The Legend of the Gutsy Ninja</a>,</p>
<blockquote><p>This was Jiraiya&#8217;s first written book. He wrote this book while training the Ame Orphans. He dedicated it to Nagato because he gave Jiraiya the inspiration for the book. Also, Nagato&#8217;s words about peace are the last words said in the book (which are said by Naruto the gutsy ninja). This book was first mentioned by Minato Namikaze, who told Jiraya that it was a really great book. Jiraya only replies that it wasn&#8217;t on the bestseller list. Minato then said that he&#8217;ll name his son after the main character of this book, Naruto, and train the boy to be like that. Kushina comes out and agrees. With no choice, Jiraiya agrees and says that he&#8217;ll be the baby&#8217;s godfather. Later, Fukasaku gave it to Naruto so that he could read Jiraiya&#8217;s book. The contents showed a ninja named Naruto the gutsy ninja. This ninja said that he&#8217;ll never give up on anything that he does. The ninja also said that he&#8217;ll break this &#8220;curse&#8221; that was mentioned in the story. After reading, Naruto seems to be crying.</p>
<p>While Naruto fought Pain, Naruto takes out the book and recited the quote: &#8220;I will break this curse.&#8221; Nagato remembered that he said those words to Jiraiya. At the time, Nagato was talking about making peace. It seems that Jiraiya&#8217;s idea for this book came from Nagato&#8217;s own quote. This book helped save Konoha.</p></blockquote>
<p>Then maybe being a CSS Ninja must be able to making &#8220;peace&#8221; in CSS way. This blog is dedicated to that path, the path that will save the CSS world by providing the best practices in cross browsing, usability, user interface, and all CSS related issues. In the end, CSS will be easy to understand and used as it should be.</p>
<p>Let&#8217;s make it happen!</p>
]]></content:encoded>
			<wfw:commentRss>http://siriokun.com/blog/css-ninja/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
