<?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>syahzul &#187; Design</title>
	<atom:link href="http://www.syahzul.com/category/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.syahzul.com</link>
	<description>between creativity and stupidity</description>
	<lastBuildDate>Thu, 10 Jun 2010 17:46:41 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=abc</generator>
		<item>
		<title>25 blog yang mesti dilawati oleh web designer</title>
		<link>http://www.syahzul.com/design/2010/02/20-blog-yang-mest-dilawati-oleh-web-designer/</link>
		<comments>http://www.syahzul.com/design/2010/02/20-blog-yang-mest-dilawati-oleh-web-designer/#comments</comments>
		<pubDate>Mon, 08 Feb 2010 10:17:41 +0000</pubDate>
		<dc:creator>syahzul</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Freebies]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[web designer]]></category>

		<guid isPermaLink="false">http://www.syahzul.com/?p=232</guid>
		<description><![CDATA[Kebanyakan kita hanya tahu blog hanyalah untuk menulis diari atau cerita cinta (ye ke?). Tetapi sekarang blog bukan sahaja menjadi platform untuk meluahkan perasaan, tetapi juga sebagai tempat untuk berkongsi ilmu pengetahuan, terutama untuk web designer. Kali ini mari kita tengok senarai 20+ blog yang perlu dilawati oleh web designer untuk menambah ilmu, mempertajamkan skill  <a href="http://www.syahzul.com/design/2010/02/20-blog-yang-mest-dilawati-oleh-web-designer/" class="more-link">More &#62;</a>]]></description>
			<content:encoded><![CDATA[<p>Kebanyakan kita hanya tahu blog hanyalah untuk menulis diari atau cerita cinta (ye ke?). Tetapi sekarang blog bukan sahaja menjadi platform untuk meluahkan perasaan, tetapi juga sebagai tempat untuk berkongsi ilmu pengetahuan, terutama untuk web designer.</p>
<p>Kali ini mari kita tengok senarai 20+ blog yang perlu dilawati oleh web designer untuk menambah ilmu, mempertajamkan skill dan juga untuk download freebies.</p>
<h3><a href="http://www.smashingmagazine.com">1. Smashing Magazine</a></h3>
<p><a href="http://www.smashingmagazine.com"><img class="size-full wp-image-245 alignnone" title="Smashing Magazine" src="http://www.syahzul.com/wp-content/uploads/2010/02/smashingmagazine.jpg" alt="Smashing Magazine" width="551" height="219" /></a><br />
Twitter: <a href="http://twitter.com/smashingmag/">@smashingmag</a></p>
<h3><a href="http://www.hongkiat.com/blog/">2. Hongkiat</a></h3>
<p><a href="http://www.hongkiat.com/blog/"><img class="alignnone size-full wp-image-271" title="Hongkiat" src="http://www.syahzul.com/wp-content/uploads/2010/02/hongkiat.jpg" alt="Hongkiat" width="551" height="219" /></a><br />
Twitter: <a href="http://twitter.com/hongkiat">@hongkiat</a></p>
<p><span id="more-232"></span></p>
<h3><a href="http://sixrevisions.com">3. Six Revisions</a></h3>
<p><a href="http://sixrevisions.com"><img class="alignnone size-full wp-image-246" title="Six Revisions" src="http://www.syahzul.com/wp-content/uploads/2010/02/sixrevisions.jpg" alt="Six Revisions" width="551" height="219" /></a><br />
Twitter: <a href="http://twitter.com/sixrevisions">@sixrevisions</a></p>
<h3><a href="http://webdesignledger.com/">4. Web Design Ledger</a></h3>
<p><a href="http://webdesignledger.com/"><img class="alignnone size-full wp-image-247" title="Web Design Ledger" src="http://www.syahzul.com/wp-content/uploads/2010/02/webdesignledger.jpg" alt="Web Design Ledger" width="551" height="219" /></a><br />
Twitter: <a href="http://twitter.com/webdesignledger">@webdesignledger</a></p>
<h3><a href="http://www.webdesignerdepot.com/">5. Web Designer Depot</a></h3>
<p><a href="http://www.webdesignerdepot.com/"><img class="alignnone size-full wp-image-248" title="Web Designer Depot" src="http://www.syahzul.com/wp-content/uploads/2010/02/webdesignerdepot.jpg" alt="Web Designer Depot" width="551" height="219" /></a></p>
<p>Twitter: <a href="http://twitter.com/DesignerDepot">@DesignerDepot</a></p>
<h3><a href="http://vandelaydesign.com/blog/">6. Vandelay Design Blog</a></h3>
<p><a href="http://vandelaydesign.com/blog/"><img class="alignnone size-full wp-image-249" title="Vandelay Design" src="http://www.syahzul.com/wp-content/uploads/2010/02/vandelaydesign.jpg" alt="Vandelay Design" width="551" height="219" /></a></p>
<p>Twitter:<a href="http://twitter.com/vandelaydesign"> @vandelaydesign</a></p>
<h3><a href="http://designm.ag">7. DesignM.ag</a></h3>
<p><a href="http://designm.ag/"><img class="alignnone size-full wp-image-251" title="DesignM.ag" src="http://www.syahzul.com/wp-content/uploads/2010/02/designmag.jpg" alt="DesignM.ag" width="551" height="219" /></a></p>
<p>Twitter: <a href="http://twitter.com/designmagtweets">@designmagtweets</a></p>
<h3><a href="http://abduzeedo.com">8. Abduzeedo</a></h3>
<p><a href="http://abduzeedo.com/"><img class="alignnone size-full wp-image-252" title="abduzeedoo" src="http://www.syahzul.com/wp-content/uploads/2010/02/abduzeedoo.jpg" alt="abduzeedoo" width="551" height="219" /></a></p>
<p>Twitter: <a href="http://twitter.com/abduzeedo">@abduzeedo</a></p>
<h3><a title="[Re]Encoded" href="http://www.reencoded.com">9. [Re]Encoded</a></h3>
<p><a href="http://www.reencoded.com/"><img class="alignnone size-full wp-image-253" title="[Re]Encoded" src="http://www.syahzul.com/wp-content/uploads/2010/02/reencoded.jpg" alt="[Re]Encoded" width="551" height="219" /></a><br />
Twitter: <a href="http://twitter.com/reencoded">@reencoded</a></p>
<h3><a href="http://www.inspiredm.com/">10. Inspired Magazine</a></h3>
<p><a href="http://www.inspiredm.com/"><img class="alignnone size-full wp-image-254" title="Inspired Magazine" src="http://www.syahzul.com/wp-content/uploads/2010/02/inspiredmag.jpg" alt="Inspired Magazine" width="551" height="219" /></a><br />
Twitter: <a href="http://twitter.com/inspiredmag">@inspiredmag</a></p>
<h3><a href="http://www.designer-daily.com/">11. Designer Daily</a></h3>
<p><a href="http://www.designer-daily.com/"><img class="alignnone size-full wp-image-255" title="Designer Daily" src="http://www.syahzul.com/wp-content/uploads/2010/02/designerdaily.jpg" alt="Designer Daily" width="551" height="219" /></a></p>
<p>Twitter: <a href="http://twitter.com/mirkohumbert">@mirkohumbert</a></p>
<h3><a href="http://www.blog.spoongraphics.co.uk/">12. Blog.SpoonGraphics</a></h3>
<p><a href="http://www.blog.spoongraphics.co.uk/"><img class="alignnone size-full wp-image-256" title="Blog.SoonGraphics" src="http://www.syahzul.com/wp-content/uploads/2010/02/spoongraphic.jpg" alt="Blog.SoonGraphics" width="551" height="219" /></a></p>
<p>Twitter: <a href="http://twitter.com/chrisspooner">@chrisspooner</a></p>
<h3><a href="http://www.designshard.com/">13. Design Shard</a></h3>
<p><a href="http://www.designshard.com/"><img class="alignnone size-full wp-image-258" title="Design Shard" src="http://www.syahzul.com/wp-content/uploads/2010/02/designshard.jpg" alt="Design Shard" width="551" height="219" /></a></p>
<p>Twitter: <a href="http://twitter.com/designshard">@designshard</a></p>
<h3><a href="http://www.fuelyourcreativity.com/">14. Fuel Your Creativity</a></h3>
<p><a href="http://www.fuelyourcreativity.com/"><img class="alignnone size-full wp-image-257" title="Fuel Your Creativity" src="http://www.syahzul.com/wp-content/uploads/2010/02/fuel.jpg" alt="Fuel Your Creativity" width="551" height="219" /></a></p>
<p>Twitter: <a href="http://twitter.com/fuelcreativity">@fuelcreativity</a></p>
<h3><a href="http://www.tutorial9.net/">15. Tutorial 9</a></h3>
<p><a href="http://www.tutorial9.net/"><img class="alignnone size-full wp-image-268" title="Tutorial9" src="http://www.syahzul.com/wp-content/uploads/2010/02/tutorial9.jpg" alt="" width="551" height="219" /></a></p>
<p><span style="line-height: 23px; font-size: 21px;"><a href="http://speckyboy.com/">16. Speckyboy Design Magazine</a></span></p>
<p><a href="http://speckyboy.com/"><img class="alignnone size-full wp-image-260" title="Speckyboy" src="http://www.syahzul.com/wp-content/uploads/2010/02/speckyboy.jpg" alt="Speckyboy" width="551" height="219" /></a><br />
Twitter: <a href="http://twitter.com/speckyboy">@speckyboy</a></p>
<h3><a href="http://www.1stwebdesigner.com/">17. 1stwebdesigner</a></h3>
<p><a href="http://www.1stwebdesigner.com/"><img class="alignnone size-full wp-image-264" title="1stwebdesigner" src="http://www.syahzul.com/wp-content/uploads/2010/02/1stwebdesigner.jpg" alt="1stwebdesigner" width="551" height="219" /></a></p>
<p>Twitter: <a href="http://twitter.com/1stwebdesigner">@1stwebdesigner</a></p>
<h3><a href="http://wecritiquedesigns.com/">18. Design Critique</a></h3>
<p><a href="http://wecritiquedesigns.com"><img class="alignnone size-full wp-image-265" title="Design Critique" src="http://www.syahzul.com/wp-content/uploads/2010/02/designcritique.jpg" alt="Design Critique" width="551" height="219" /></a></p>
<p>Twitter: <a href="http://twitter.com/designcritique">@designcritique</a></p>
<h3><a href="http://net.tutsplus.com/">19. Nettuts+</a></h3>
<p><a href="http://net.tutsplus.com/"><img class="alignnone size-full wp-image-266" title="Nettuts+" src="http://www.syahzul.com/wp-content/uploads/2010/02/nettuts.jpg" alt="Nettuts+" width="551" height="219" /></a></p>
<p>Twitter: <a href="http://twitter.com/nettuts">@nettuts</a></p>
<h3><a href="http://www.noupe.com/">20. Noupe</a></h3>
<p><a href="http://www.syahzul.com/wp-content/uploads/2010/02/noupe.jpg"><img class="alignnone size-full wp-image-267" title="Noupe" src="http://www.syahzul.com/wp-content/uploads/2010/02/noupe.jpg" alt="Noupe" width="551" height="219" /></a><br />
Twitter: <a href="http://twitter.com/smashingmag">@smashingmag</a></p>
<h3><a href="http://designmess.com/">21. DesignMess</a></h3>
<p><a href="http://designmess.com/"><img class="alignnone size-full wp-image-272" title="DesignMess" src="http://www.syahzul.com/wp-content/uploads/2010/02/designmess.jpg" alt="DesignMess" width="551" height="219" /></a><br />
Twitter: <a href="http://twitter.com/designmess">@designmess</a></p>
<h3><a href="http://naldzgraphics.net/">22. Naldz Graphics</a></h3>
<p><a href="http://naldzgraphics.net/"><img class="alignnone size-full wp-image-273" title="Naldz Graphics" src="http://www.syahzul.com/wp-content/uploads/2010/02/naldzgraphics.jpg" alt="Naldz Graphics" width="551" height="219" /></a><br />
Twitter: <a href="http://twitter.com/naldzgraphics">@ naldzgraphics</a></p>
<h3><a href="http://www.uxbooth.com/">23. UX Booth</a></h3>
<p><a href="http://www.uxbooth.com/"><img class="alignnone size-full wp-image-274" title="UX Booth" src="http://www.syahzul.com/wp-content/uploads/2010/02/uxbooth.jpg" alt="" width="551" height="219" /></a><br />
Twitter: <a href="http://twitter.com/uxbooth">@uxbooth</a></p>
<h3><a href="http://spyrestudios.com//">24. Spyre Studios</a></h3>
<p><a href="http://spyrestudios.com"><img class="alignnone size-full wp-image-275" title="Spyre Studios" src="http://www.syahzul.com/wp-content/uploads/2010/02/spryestudios.jpg" alt="" width="551" height="219" /></a></p>
<h3><a href="http://www.webdesignerwall.com/">25. WebDesignerWall</a></h3>
<p><a href="http://www.webdesignerwall.com/"><img class="alignnone size-full wp-image-276" title="WebDesignerWall" src="http://www.syahzul.com/wp-content/uploads/2010/02/webdesignerwall.jpg" alt="" width="551" height="219" /></a><br />
Twitter: <a href="http://twitter.com/nickla">@nickla</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.syahzul.com/design/2010/02/20-blog-yang-mest-dilawati-oleh-web-designer/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Ulasan untuk The Smashing Book</title>
		<link>http://www.syahzul.com/css/2010/01/ulasan-untuk-the-smashing-book/</link>
		<comments>http://www.syahzul.com/css/2010/01/ulasan-untuk-the-smashing-book/#comments</comments>
		<pubDate>Thu, 21 Jan 2010 09:58:09 +0000</pubDate>
		<dc:creator>syahzul</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Review]]></category>
		<category><![CDATA[book]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[web designer]]></category>

		<guid isPermaLink="false">http://www.syahzul.com/?p=209</guid>
		<description><![CDATA[Kepada web designer dan web developer di luar sana pasti anda biasa dengar tentang blog Smashing Magazine. Blog ini banyak menyiarkan artikel dan juga tutorial yang amat berguna kepada Designers dan Developers. Isi kandungannya amat berkualiti serta dilengkapi dengan gambar-gambar untuk memberikan pemahaman yang lebih mendalam tentang sesuatu isu. Kali ini saya ingin membuat sedikit  <a href="http://www.syahzul.com/css/2010/01/ulasan-untuk-the-smashing-book/" class="more-link">More &#62;</a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.syahzul.com/wp-content/uploads/2010/01/book-3d-320px.jpg"><img class="size-thumbnail wp-image-211 alignleft" title="The Smashing Book" src="http://www.syahzul.com/wp-content/uploads/2010/01/book-3d-320px-150x150.jpg" alt="Gambar The Smashing Book" width="150" height="150" /></a>Kepada web designer dan web developer di luar sana pasti anda biasa dengar tentang blog <a href="http://www.smashingmagazine.com" target="_blank">Smashing Magazine</a>. Blog ini banyak menyiarkan artikel dan juga tutorial yang amat berguna kepada Designers dan Developers. Isi kandungannya amat berkualiti serta dilengkapi dengan gambar-gambar untuk memberikan pemahaman yang lebih mendalam tentang sesuatu isu. Kali ini saya ingin membuat sedikit ulasan berkenaan dengan buku yang mereka keluarkan, <a title="Pautan ke The Smashing Book" href="http://bit.ly/7IWfgD" target="_blank">The Smashing Book</a> yang makin hangat diperkatakan.<br />
<span id="more-209"></span></p>
<p>Saya membeli buku ini secara online (ya, hanya boleh di dapati dari blog mereka sahaja), dan ianya berharga USD29.99 + kos penghantaran USD10.00. Setelah ditukar kepada matawang Ringgit Malaysia ianya berjumlah *RM138.27. Kalau di ikutkan harganya agak mahal berbanding buku-buku lain yang boleh kita beli dari kedai buku di negara ini. Tapi dengan kualiti isi kandungannya, saya tak pernah rasa menyesal membelinya.</p>
<h2>Penghantaran</h2>
<p>Tarikh saya membeli buku ini ialah pada 19 December 2009 dan hanya sampai di tangan saya pada 16 January 2010. Hampir sebulan tempoh penghantaran walaupun di dalam blog mereka ada mengatakan <a title="Pautan ke halaman tempoh penghantaran buku The Smashing Book" href="http://bit.ly/7d58nG" target="_blank">tempoh penghantaran lebih kurang 2 &#8211; 3 hari bekerja</a> sahaja. Sebelum buku ini sampai, saya ada menghantar email kepada pihak Smashing Magazine bertanyakan tentang hal ini. Dan dalam tempoh kurang dari 5 jam saya mendapat balasan daripada mereka mengatakan mereka tiada Tracking Code untuk penghantaran buku ini.</p>
<p>Jika diikutkan memang ia tidak masuk akal dan tidak boleh diterima sama sekali. Tapi dengan jawapan yang mereka berikan secara professional dan juga tawaran mereka untuk menggantikan buku itu tanpa sebarang cas tambahan membuatkan saya bersabar dan membuat keputusan untuk menunggu beberapa hari lagi. Dan kurang dari dua harikemudian, akhirnya buku ini sampai dalam peti surat rumah saya, Alhamdulillah&#8230; lega rasanya.</p>
<h2>Pembungkusan</h2>
<p>Bila kali pertama saya pegang buku ini saya sudahpun rasa kepuasannya bila ia dibalut dengan plastik bagi mengelakkan kulitnya rosak, dan kemudian ada dibalut pula dengan kotak yang mempunyai rekabentuk seakan-akan sama dengan kulit buku. Satu lambang &#8216;S&#8217; besar terpampang di hadapan. Penghantaran ini juga dilengkapi dengan resit rasmi untuk pembelian yang saya buat.</p>
<h2>Isi kandungan</h2>
<p>Kertas yang digunakan amat berkualiti, bukan macam buku teks zaman saya sekolah rendah dahulu, gambar-gambar di dalamnya amat terang dan jelas, dan yang lebih penting isi kandungannya padat, tepat dan ringkas. Straight to the point. Tak banyak membebel tentang teori yang sukar untuk difahami. Walaupun ada beberapa bahagian yang saya kurang berminat untuk membacanya <img src='http://www.syahzul.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Ini merupakan bab-bab yang ada di dalam buku ini:</p>
<ol>
<li>User Interface Design in Modern Web Applications</li>
<li>The Art and Science of CSS-Layouts</li>
<li>Typography: Rules, Guidelines and Common Mistakes</li>
<li>Usability Principles for Modern Websites</li>
<li>The Ultimate Guide to Fantastic Color Usage</li>
<li>Performance Optimization for Websites</li>
<li>Design to Sell &#8211; Increasing Conversion Rates</li>
<li>How to turn a Site into a Remarkable Brand</li>
<li>Learning from Experts &#8211; Interviews and Insights</li>
<li>Behind the Curtains: The Smashing Magazine Story</li>
</ol>
<p>Buku ini lebih banyak menerangkan tentang perkara-perkara yang berkaitan dengan Web <a href="http://www.syahzul.com/category/design/">Design</a>, tetapi bukanlah bermaksud Programmer atau Web Developer tidak boleh membacanya. Saya memang menggalakkan semua orang yang menceburi bidang IT supaya mendapatkan satu naskhah buku ini untuk bacaan anda sendiri. Tak rugi!</p>
<p>Tidak dinafikan banyak kandungan di dalam buku ini boleh di dapati di Internet, tetapi dengan adanya buku seperti ini tak perlulah kita bersusah payah untuk mencarinya. Lagipun buku ini menyusun isi kandungan dengan lebih kemas dan teratur.</p>
<p>Pada bab 5 iaitu The Ultimate Guide to Fantastic Color Usage, buku ini menerangkan tentang teori warna yang digunakan pada rekabentuk web moden, disertakan dengan contoh-contoh yang mantap! Tak jemu membaca bahagian ini. Di sini kita boleh perhatikan hasil kreativiti web designer luar negara yang kebanyakannya hebat-hebat belaka.</p>
<p>Dan apa yang ada di dalam buku ini bukan setakat teks dan gambar tetapi disertakan dengan kod aturcara dan juga ada juga menunjukkan cara-caranya pada bab 6, Performance Optimization for Websites. Dari pengetahuan asas hinggalah yang mendalam yang melibatkan web server.</p>
<p>Seterusnya bab 7 menerangkan konsep asas mencipta halaman web untuk menjual produk di Internet. Apa asas yang perlu kita tahu bagi membolehkan kita menarik pelawat untuk membeli produk kita.  Asas <acronym title="Attention-Interest-Desire-Action">AIDA</acronym> juga diterangkan di dalam buku ini, dan bagaimana kita boleh gunakannya di dalam menghasilkan halaman web atau aplikasi web yang mampu menarik pelawat untuk menjadi pelanggan kita.</p>
<p>Di dalam buku <a title="Pautan ke The Smashing Book" href="http://bit.ly/7IWfgD" target="_blank">The Smashing Book</a> ini juga anda dapat membaca temuramah dengan beberapa orang web professional yang terkemuka, dan berkongsi pengalaman, pendapat dan juga pandangan meraka tentang topik topik yang berkaitan dengan pembangunan aplikasi web moden. Nama-nama seperti <a href="http://wefunction.com" target="_blank">Liam McKay</a>, <a href="http://jasonsantamaria.com" target="_blank">Jason Santa Maria</a>, <a href="http://spoongraphics.co.uk" target="_blank">Chris Spooner</a>, <a href="http://fellowshiptech.com" target="_blank">Nathan Smith</a>, <a href="http://envato.com" target="_blank">Colis Ta&#8217;eed</a>, <a href="http://snook.ca" target="_blank">Jonathan Snook</a> dan lain lain lagi (terlalu ramai untuk ditulis) berkongsi ilmu dan pengalaman mereka untuk semua pembaca. Bukan senang hendak mencari sumber seperti ini di Internet.</p>
<p>Dan pada bahagian akhir sekali merupakan bahagian yang paling menarik. Mereka berkongsi pengalaman bagaimana mereka memulakan blog <a href="http://www.smashingmagazine.com/" target="_blank">Smashing Magazine</a>, dan yang amat menakjubkan ialah mereka bermula dari bawah. Tanpa modal yang besar <a href="http://www.smashingmagazine.com/" target="_blank">Smashing Magazine</a> membina tapak di Internet hinggalah pada hari ini blog ini menjadi salah satu blog yang mesti di lawati oleh web designer di seluruh dunia.</p>
<h2>Kesimpulannya</h2>
<p>Mungkin ada yang berpendapat ulasan saya ini &#8216;terlalu baik&#8217; ataupun &#8216;semuanya bagus&#8217;. Terpulang kepada anda untuk menilainya. Pada saya kesilapan kecil seperti kesalahan ejaan adalah perkaran yang remeh dan tak perlu diperbesarkan. Setakat ini saya masih belum rasa tidak puas hati dengan isi kandungan buku ini. Walaupun saya sudah mengulang membacanya lebih daripada 5 kali, saya tidak merasa bosan. Malah saya rasakan ilmu yang saya ada makin bertambah.</p>
<p>Saya amat mengalakkan anda mendapatkan buku ini sekarang kerana kualiti isi kandungan yang ada di dalamnya jauh lebih tinggi nilainya daripada harganya yang hanya bernilai *RM138.27.</p>
<p>* bergantung kepada kadar tukaran USD ke Ringgit Malaysia.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.syahzul.com/css/2010/01/ulasan-untuk-the-smashing-book/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Typography tools untuk designer</title>
		<link>http://www.syahzul.com/design/2009/09/typography-tools-untuk-designer/</link>
		<comments>http://www.syahzul.com/design/2009/09/typography-tools-untuk-designer/#comments</comments>
		<pubDate>Sat, 19 Sep 2009 18:47:43 +0000</pubDate>
		<dc:creator>syahzul</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[free software]]></category>

		<guid isPermaLink="false">http://www.syahzul.com/?p=54</guid>
		<description><![CDATA[Penggunaan typography merupakan salah satu aspek yang amat penting untuk sesuatu rekabentuk. Jika ianya digunakan dengan betul, sesuatu rekabentuk itu mampu untuk menarik perhatian dan juga menghasilkan emosi kepada orang lain. Kali ini saya nak kongsi senarai online tools yang dapat membantu kita dalam pemilihan typography yang bersesuaian. Common Fonts Di sini anda boleh buat  <a href="http://www.syahzul.com/design/2009/09/typography-tools-untuk-designer/" class="more-link">More &#62;</a>]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-132" title="typography sample" src="http://www.syahzul.com/wp-content/uploads/2009/09/typo.jpg" alt="typography sample" width="705" height="140" />Penggunaan <em>typography </em>merupakan salah satu aspek yang amat penting untuk sesuatu rekabentuk. Jika ianya digunakan dengan betul, sesuatu rekabentuk itu mampu untuk menarik perhatian dan juga menghasilkan emosi kepada orang lain.</p>
<p>Kali ini saya nak kongsi senarai online tools yang dapat membantu kita dalam pemilihan typography yang bersesuaian.</p>
<p><span id="more-54"></span></p>
<div class="entry">
<h3><a href="http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html" target="_blank">Common Fonts<img class="aligncenter size-full wp-image-59" title="Common font" src="http://www.syahzul.com/wp-content/uploads/2009/09/common-font.jpg" alt="Common font" width="540" height="80" /></a></h3>
<p>Di sini anda boleh buat perbandingan font-family yang digunakan di platform Windows dan Mac.</p></div>
<div class="entry">
<h3><a href="http://csstypeset.com/" target="_blank">CSS Typeset<img class="aligncenter size-full wp-image-60" title="CSSTypeSet" src="http://www.syahzul.com/wp-content/uploads/2009/09/csstypeset.jpg" alt="CSSTypeSet" width="540" height="80" /></a></h3>
<p>Di sini anda boleh bermain dengan teks yang ingin digunakan  dan mereka akan hasilkan kod CSS untuk kita.</p></div>
<div class="entry">
<h3><a href="http://www.designerplaything.co.uk/designer-plaything.html" target="_blank">Designer  Plaything<img class="aligncenter size-full wp-image-61" title="designerplaything" src="http://www.syahzul.com/wp-content/uploads/2009/09/designerplaything.jpg" alt="designerplaything" width="540" height="80" /></a></h3>
<p>Seperti juga CSS Typeset, Designer Plaything memberi kebebasan untuk kita menghasilkan idea sendiri untuk penggunaan font dan juga warna. Setiap  perubahan yang kita lakukan, hasilnya dapat dilihat pada halaman yang sama.</p></div>
<div class="entry">
<h3><a href="http://www.fontifier.com/" target="_blank">Fontifier<img class="aligncenter size-full wp-image-62" title="fontifier" src="http://www.syahzul.com/wp-content/uploads/2009/09/fontifier.jpg" alt="fontifier" width="540" height="80" /></a></h3>
<p>Fontifier pula mampu menghasilkan font daripada tulisan tangan kita sendiri dan boleh digunakan pada mana-mana perisian.</p></div>
<div class="entry">
<h3><a href="http://fontstruct.fontshop.com/" target="_blank">Fontstructor<img class="aligncenter size-full wp-image-63" title="fontstruct" src="http://www.syahzul.com/wp-content/uploads/2009/09/fontstruct.jpg" alt="fontstruct" width="540" height="80" /></a></h3>
<p>Halaman web ini menawarkan perisian untuk penghasilan <em>font </em>anda sendiri secara percuma! Ia juga amat mudah untuk digunakan.</div>
<div class="entry">
<h3><a href="http://www.fontburner.com/" target="_blank">Font Burner<img class="aligncenter size-full wp-image-64" title="fontburner" src="http://www.syahzul.com/wp-content/uploads/2009/09/fontburner.jpg" alt="fontburner" width="540" height="80" /></a></h3>
<p>Di halaman web ini,kita boleh pilih dari senarai <em>font </em>yang anda ingin gunakan di dalam halaman web kita.</div>
<div class="entry">
<h3><a href="http://richardsprojects.co.uk/products/font-picker/" target="_blank">Font  Picker<img class="aligncenter size-full wp-image-65" title="font-picker" src="http://www.syahzul.com/wp-content/uploads/2009/09/font-picker.jpg" alt="font-picker" width="540" height="80" /></a></h3>
<p>Font Picker pula akan menggunakan semua <em>font </em>yang ada pada komputer kita dan memaparkannya pada page mereka. Ini memudahkan kita melihat hasilnya pada paparan <em>web browser</em>. Dengan kata lain, <em>online font browser</em>.</div>
<div class="entry">
<h3><a href="http://www.fonttester.com/" target="_blank">Font Tester<img class="aligncenter size-full wp-image-67" title="fonttester" src="http://www.syahzul.com/wp-content/uploads/2009/09/fonttester.jpg" alt="fonttester" width="540" height="80" /></a></h3>
<p>Fungsi yang sama seperti Font Picker di atas tetapi dengan tambahan Charapter Map dan juga keupayaannya memilih layout untuk teks.</p></div>
<div class="entry">
<h3><a href="http://www.identifont.com/">Identifont<img class="aligncenter size-full wp-image-68" title="identifont" src="http://www.syahzul.com/wp-content/uploads/2009/09/identifont.jpg" alt="identifont" width="540" height="80" /></a></h3>
<p>Jika kita tidak dapat mengenalpasti jenis font tertentu, fungsi yang ditawarkan di website ini mungkin dapat membantu kita.</p></div>
<div class="entry">
<h3><a href="http://www.typechart.com/">Typechart<img class="aligncenter size-full wp-image-69" title="typechart" src="http://www.syahzul.com/wp-content/uploads/2009/09/typechart.jpg" alt="typechart" width="540" height="80" /></a></h3>
<p>Di website ini kita boleh membuat eksperimen dengan penggunaan font yang berlainan pada platform Windows dan Mac. Kod CSS akan dihasilkan untuk setiap eksperimen dan boleh kita gunakan pada website kita.</p></div>
<div class="entry">
<h3><a href="http://new.myfonts.com/WhatTheFont/">WhatTheFont<img class="aligncenter size-full wp-image-70" title="whatthefont" src="http://www.syahzul.com/wp-content/uploads/2009/09/whatthefont.jpg" alt="whatthefont" width="540" height="80" /></a></h3>
<p>Mempunyai fungsi yang sama seperti Identifont, cuma kita boleh upload gambar yang mempunyai font yang kita mahukan dan website ini akan mencarinya di dalam database mereka.</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.syahzul.com/design/2009/09/typography-tools-untuk-designer/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
