Seting Zen coding di Eclipse dan NetBeans

Di artikel sebelumnya, saya sudah membahas tentang zen coding. Sekarang bagaimana cara menseting Zencoding di editor favorit kita? Berikut ini adalah tutorial cara seting Zen coding di Eclipse /Aptana IDE dan Netbeans. Sebagai tambahan,  akan saya jelaskan seting di Notepad++ dan link untuk seting di Editor lain. Saya hanya memberikan panduan untuk editor free dan banyak pemakainya di indonesia. Catatan penting disini, sekarang zen coding berganti nama menjadi emmet. Anda bisa mengakses informasi lanjutan tentang zen-coding/emmet di http://emmet.io/.Syntax Zen coding bisa anda akses di https://code.google.com/p/zen-coding/wiki/ZenHTMLSelectorsEn

Panduan ini bukan hanya sebatas instalasi, namun juga termasuk testing apakah zen coding sudah aktif atau belum. Untuk (more…)

Cara cepat Menulis Kode HTML dengan Zen Coding

Logo Zen coding
Logo Zen coding
Sebelum lebih jauh dengan zen coding, saya akan bertanya, kira kira untuk menulis manual code  struktur html dibawah ini, butuh berapa lama?

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title>Demo</title>
</head>
<body>
	<h1 class="header">Tool server</h1>
	
<table>
	<tr>
		<td>No</td>
		<td>Nama</td>
		<td>Fungsi</td>
	</tr>
	<tr>
		<td>1</td>
		<td>Linux</td>
		<td>Os server</td>
	</tr>
	<tr>
		<td>2</td>
		<td>apache</td>
		<td>Webserver</td>
	</tr>
</table>

<!-- list -->
<ul id="tool">
	<li class="item">Linux</li>
	<li class="item">Webserver</li>
	<li class="item">apache </li>
	<li class="item">mysql</li>
	<li class="item">PHP</li>
</ul>
	</body>
</html>

Jika anda menulis dengan editor web dengan fitur autocomplete sekalipun, menulis struktur kode HTML diatas tetap memakan waktu lama, itulah kenapa zen coding sangat dibutuhkan. Zen coding adalah teknik cepat menulis code HTML dan CSS secara CEPAT. Seberapa cepat? sebagai contoh, untuk menulis struktur kode html diatas, anda cukup menulis beberapa baris kode.
berikut ini adalah barisnya

html:5

Zen coding (more…)