<?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</title>
	<atom:link href="http://siriokun.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://siriokun.com</link>
	<description>Some secrets of CSS Ninja new techniques. POFF!</description>
	<lastBuildDate>Tue, 24 Jan 2012 03:17:23 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>WordPress QuickPress Fullscreen</title>
		<link>http://siriokun.com/blog/wordpress-quickpress-fullscreen/</link>
		<comments>http://siriokun.com/blog/wordpress-quickpress-fullscreen/#comments</comments>
		<pubDate>Tue, 26 Apr 2011 00:44:09 +0000</pubDate>
		<dc:creator>Rio</dc:creator>
				<category><![CDATA[Basic]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://siriokun.com/?p=315</guid>
		<description><![CDATA[This is my first time to build a WordPress Plugin. This simple plugin can turn QuickPress in WordPress Dashboard into fullscreen when expanded. What this plugin do is add small amount of css overide so the container fits the whole window, but not the Toolbar. Download QuickPress Fullscreen from WordPress.org : http://bit.ly/quickpressfull]]></description>
			<content:encoded><![CDATA[<p>This is my first time to build a WordPress Plugin.</p>
<p>This simple plugin can turn QuickPress in WordPress Dashboard into fullscreen when expanded. What this plugin do is add small amount of css overide so the container fits the whole window, but not the Toolbar.</p>
<p><strong>Download QuickPress Fullscreen from WordPress.org</strong> : <a href="http://bit.ly/quickpressfull">http://bit.ly/quickpressfull</a></p>
]]></content:encoded>
			<wfw:commentRss>http://siriokun.com/blog/wordpress-quickpress-fullscreen/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Kolaborasi antar Freelancer</title>
		<link>http://siriokun.com/blog/kolaborasi-freelancer/</link>
		<comments>http://siriokun.com/blog/kolaborasi-freelancer/#comments</comments>
		<pubDate>Tue, 21 Sep 2010 03:38:55 +0000</pubDate>
		<dc:creator>Rio</dc:creator>
				<category><![CDATA[Social]]></category>
		<category><![CDATA[event]]></category>
		<category><![CDATA[kolaborasi]]></category>

		<guid isPermaLink="false">http://siriokun.com/?p=193</guid>
		<description><![CDATA[Sejak awal terbentuknya medium kolaborasi 80tasks, banyak sekali kolaborasi-kolaborasi yang terjadi. Mungkin karena medium ini berupa blog, jadi kurang nyaman untuk berinteraksi dan banyak yang lebih nyaman menggunakan twitter sebagai medium. Namun hal itu tidak menjadi masalah di manapun atau apapun medium yang kita gunakan, kita dapat memulai berkolaborasi tanpa harus terbatasi oleh medium. Dari [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft" src="http://dl.dropbox.com/u/919851/80tasks/blog/ninja_true-ninjas.gif" alt="True Ninjas" width="500" height="328" /></p>
<p>Sejak awal terbentuknya medium kolaborasi <a href="http://80tasks.com/">80tasks</a>, banyak sekali kolaborasi-kolaborasi yang terjadi. Mungkin karena medium ini berupa blog, jadi kurang nyaman untuk berinteraksi dan banyak yang lebih nyaman menggunakan twitter sebagai medium. Namun hal itu tidak menjadi masalah di manapun atau apapun medium yang kita gunakan, kita dapat memulai berkolaborasi tanpa harus terbatasi oleh medium.</p>
<p>Dari diri Rio pribadi jadi mengenal banyak desainer dan coder handal melalui medium ini dan banyak terbantu dengan bekerjasama dalam project yang saat ini sedang ditangani.</p>
<p>Kemudian, beberapa rekan banyak yang mulai berkolaborasi antara desainer dengan programmer, berikut beberapa yang Rio tahu :</p>
<ol>
<li><a href="http://toekang.web.id/">http://toekang.web.id/</a> &#8211; pembuatan maskot toekang web oleh @syinaction untuk @toekangweb</li>
<li>Pembuatan demo page antara @syinaction dengan @thedangleo <a href="http://www.mojo-themes.com/demo/goyobod-psd-template/">http://www.mojo-themes.com/demo/goyobod-psd-template/</a></li>
<li>Diskusi antar jQuery Ninja <a href="http://twitter.com/mambows/status/20676871476">http://twitter.com/mambows/status/20676871476</a></li>
<li>Saling bantu menjawab masalah-masalah yang sedang dihadapi <a href="http://screenr.com/yXO">http://screenr.com/yXO</a></li>
<li>Berbagi project freelance dengan sesama freelancer <a href="http://twitter.com/anima/status/21042495435">http://twitter.com/anima/status/21042495435</a></li>
</ol>
<p>Namun juga tidak selalu berhubungan dengan kolaborasi yang bersifat pekerjaan tapi juga ada waktunya kita untuk berinteraksi, bersosialisasi offline,</p>
<ol>
<li>Buka bareng di @bebekgarang bersama para WordPress Ninja <a href="http://twitter.com/uwiuw/status/21229392112">http://twitter.com/uwiuw/status/21229392112</a></li>
<li>Bercengkrama dengan investor dan founder-founder startup di <a href="http://dailysocial.net/2010/08/13/event-review-bandung-ventures-night/">BVN</a></li>
<li>Ikutan event komunitas <a href="http://dailysocial.net/2010/08/02/event-review-fowab-3-bangkitnya-startup-indonesia/">FOWAB</a></li>
</ol>
<p>Di bulan Oktober ini akan ada beberapa event yang menarik mengenai dunia web, berikut beberapa di antaranya :</p>
<ol>
<li>FreSh! Inspiration Night &#8211; <a href="http://www.facebook.com/event.php?eid=147886441896310">http://www.facebook.com/event.php?eid=147886441896310</a></li>
<li>NGUMBAR ONLINERS.. Gathering &amp; Seminar Internet Sehat &#8211; <a href="http://www.facebook.com/event.php?eid=124722244245371">http://www.facebook.com/event.php?eid=124722244245371</a></li>
<li>PASAR SENI ITB 2010 &#8211; <a href="http://www.facebook.com/event.php?eid=112015378837901">http://www.facebook.com/event.php?eid=112015378837901</a></li>
<li>Google DevFest 2010 &#8211; <a href="http://code.google.com/events/devfests/2010/jakarta.html">http://code.google.com/events/devfests/2010/jakarta.html</a></li>
<li>Mozilla Indonesia Community Meetup &#8211; <a href="http://www.meetup.com/id-mozilla/16762/">http://www.meetup.com/id-mozilla/16762/</a></li>
<li>Startup Lokal &#8211; <a href="http://www.teknojurnal.com/2010/09/16/3-event-dari-komunitas-startuplokal-storm-meetup-dan-echo/">http://www.teknojurnal.com/2010/09/16/3-event-dari-komunitas-startuplokal-storm-meetup-dan-echo/</a></li>
<li>Sparxup &#8211; <a href="http://sparxup.com/">http://sparxup.com/</a></li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://siriokun.com/blog/kolaborasi-freelancer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<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 pada setiap project ini dinamakan [...]]]></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>HTML 5 sebagai media styling CSS</title>
		<link>http://siriokun.com/blog/html-css/</link>
		<comments>http://siriokun.com/blog/html-css/#comments</comments>
		<pubDate>Thu, 19 Nov 2009 10:03:19 +0000</pubDate>
		<dc:creator>Rio</dc:creator>
				<category><![CDATA[Basic]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[konsep]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://siriokun.com/?p=93</guid>
		<description><![CDATA[Dengan mempelajari HTML kita dapat dengan mudah menjadi web developer, karena HTML merupakan bahasa dasar yang harus dikuasai oleh setiap orang yang ingin terjun ke dunia web. Dengan mengenali karakteristik HTML kita dapat membedakannya dengan bahasa pemrograman lain sehingga memudahkan kita ketika melakukan integrasi coding.]]></description>
			<content:encoded><![CDATA[<p>Dengan mempelajari HTML kita dapat dengan mudah menjadi web developer, karena HTML merupakan bahasa dasar yang harus dikuasai oleh setiap orang yang ingin terjun ke dunia web. Dengan mengenali karakteristik HTML kita dapat membedakannya dengan bahasa pemrograman lain sehingga memudahkan kita ketika melakukan integrasi <em>coding</em>.</p>
<p>HTML merupakan bahasa markup/teks yang dikenali browser. Seperti yang kita pahami bersama CSS bertugas mengatur <em>styling</em> konten sebuah HTML. Sebelum kita bisa mengatur style dengan CSS, kita perlu membuat halaman HTML sebagai media styling kita.</p>
<h3>1. Mengapa HTML 5</h3>
<p>Ada beberapa versi HTML dan versi terbaru saat ini adalah HTML versi 5. HTML 5 ini memiliki doctype yang sangat sederhana dan <a href="http://www.w3schools.com/html5/html5_reference.asp">penamaan tag baru</a> berdasarkan area yang sering kita gunakan dalam melayout halaman web seperti header, nav, menu, article, aside, footer dan lainnya.</p>
<p>Setiap meningkatnya versi maka akan ada penambahan fitur baru yang membuat proses kerja menjadi lebih sederhana. Sehingga untuk mempercepat proses kerja, sudah saatnya kita <a href="http://html5doctor.com/category/browser-compatibility/">menggunakan HTML 5</a> dan dapat dipastikan browser-browser modern saat ini sudah mendukungnya terutama browser-browser yang mendukung <a href="http://en.wikipedia.org/wiki/Web_standards">Web Standards</a>.</p>
<h3>2. Layout Dasar</h3>
<pre>&lt;!doctype html&gt;
&lt;html&gt;
 &lt;head&gt;
 &lt;meta charset="UTF-8"&gt;
 &lt;title&gt;Contoh HTML 5&lt;/title&gt;
 &lt;/head&gt;
 &lt;body&gt;
&lt;article&gt;
 &lt;p&gt;Paragraf di sini.&lt;/p&gt;
&lt;/article&gt;
&lt;aside&gt;
&lt;p&gt;Bagian sidebar&lt;/p&gt;
&lt;/aside&gt;
&lt;footer&gt;
&lt;p&gt;Bagian footer&lt;/p&gt;
&lt;/footer&gt;
 &lt;/body&gt;
&lt;/html&gt;</pre>
<p>Penentuan doctype yang sangat simpel dan penggunaan tag yang sesuai konteks membuat proses development menjadi kian mudah. Penggunaan tag-tag baru ini mengurangi penggunaan tag &lt;div&gt; dalam men-styling elemen-elemen yang sering ada pada sebuah layout web seperti &lt;header&gt;, &lt;article&gt;, &lt;aside&gt;, &lt;footer&gt; dan tag lainnya sesuai elemen yang ingin di-styling.</p>
<h3>3. HTML 5 Validator</h3>
<p>Sampai saat ini beberapa HTML editor belum menyediakan <em>validator internal</em> dalam software-nya, termasuk Dreamweaver<sup>TM</sup> CS4 sehingga kita memerlukan bantuan <em>validator online</em> seperti <a href="http://validator.w3.org/">http://validator.w3.org/</a>. Berbeda dengan TopStyle<sup>TM</sup> 4 yang sudah mendukung validator internal meski prosesnya tetap online, sehingga kita harus terhubung dengan internet jika ingin menggunakan validator internal-nya.</p>
]]></content:encoded>
			<wfw:commentRss>http://siriokun.com/blog/html-css/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Page Caching using disk: enhanced

Served from: siriokun.com @ 2012-02-07 14:22:57 -->
