ixedit tool untuk web design interaktif

Related Articles

Cara Menggunakan Vlookup Lengkap disertai dengan Contohnya

Desember 12, 2022

Penambahan AMP HTML di Blogspot Blogger

Juni 2, 2018

Debug Mode WordPress

Mei 11, 2018

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

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.