IXEdit merupakan tool yang dirancang untuk mempercepat kerja web designer dalam memuat animasi berbasis javascript (jquery), IXEdit sangat mudah digunakan dan memang dirancang untuk yang mengurangi ketergantungan menulis script javascript. Tool ini sangat berguna dimana web designer masih belum terlalu menguasai javascript untuk memberikan effect, animasi untuk memberi kesan cantik pada web yang dibangun.

Bagaimana caranya menginstall ixedit ?

1. Silahkan download melalui link ini

2. Lakukan setting pada design yang sudah kalian buat (asumsi design html sudha siap)

Perlu saya beritahukan bahwa ixedit berjalan pada browser

  • IE6+ 
  • Mozilla Firefox 2+
  • Safari 3+
  • Opera 9+
  • Chrome
Sebelum setting pastikan Browser kalian sudah terinstall Google Gear silahkan download melalui link ini http://gears.google.com/
Pastikan setting seperti gambar dibawah ini.

 

Pastikan Path dari ixedit sudah benar, untuk lebih detail silahkan melihat userguide dari ixedit

3. Beberapa sample yang ada pada ixedit 

Membuat tombol menu 

kode html 

<ul id="menu">

  <li><a href="#">Item1</a></li>

  <li><a href="#">Item2</a></li>

  <li><a href="#">Item3</a></li>

</ul>

 

ikuti seperti langkah dibawah :

 

Membuat DatePicker

Kode HTML 

<p>

  <input type="text" id="datepicker" value="" />

</p>

ikuti seperti langkah dibawah :

 

Membuat Tabs

Kode HTML

<div id="tabs">

  <ul>

    <li><a href="#tabs-1">First</a></li>

    <li><a href="#tabs-2">Second</a></li>

    <li><a href="#tabs-3">Third</a></li>

  </ul>

  <div id="tabs-1">

    <h2>First Tab</h2>

    <p>Lorem ipsum ~ consequat.</p>

  </div>

  <div id="tabs-2">

    <h2>Second Tab</h2>

    <p>Phasellus ~ bibendum.</p>

  </div>

  <div id="tabs-3">

    <h2>Third Tab</h2>

    <p>Nam ~ augue.</p>

  </div>

</div>

 

Bagaimana menarik bukan? hanya cukup klik2 saja kalian sudah bisa membuat javascript yang bagus dan cepat.

Silahkan lihat Sample untuk lebih memahami ixedit.

 

Semoga bermanfaat.