Home / Pemprograman / ixedit tool untuk web design interaktif

ixedit tool untuk web design interaktif

 

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.

 

About Administrator

2016-01-12 10:32:36 2016-01-12 14:33:42

Check Also

CodeIgniter 3.0 Final Release

CodeIgniter dikalangan web development nama framework ini sudah tidak asing walau ada beberapa web developer …

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

92 − 88 =