Easy Menu Manager

Easy Menu Manager adalah sebuah aplikasi manajemen menu berbasis PHP, MySQL dan banyak menggunakan jQuery ajax untuk operasi add/edit/delete data.

Beberapa fitur yang ada dalam aplikasi ini adalah:

  • Mendukung multi-level menu
  • Operasi tambah, edit, hapus menggunakan ajax
  • Drag-and-drop untuk mengubah urutan atau mengubah level (geser ke kanan untuk membuat sub menu)
  • Script menu generator untuk membuat struktur list menu
  • Style css untuk menu dropdown horizontal & vertical, dengan 5 jenis warna

Read more

Penambahan Bandwidth Gratis Dari IDwebhost

Meskipun saya sangat jarang posting di blog ini, namun ternyata masih cukup banyak juga yang mau mengunjungi ataupun kesasar ke blog ini :D. Dan beberapa bulan terakhir ini bandwidth hosting yang hanya 2 GB per bulan selalu habis sebelum waktunya.

Setelah menghubungi CS IDwebhost, akhirnya paket hosting saya diupgrade dari bandwidth 2 GB menjadi 10 GB. Penambahan ini gratis karena dari IDwebhost sendiri memang sedang ada upgrade space hosting : Bandwidth Limit Exceeded! No Way!

Selain bandwidth yang ditambah, paket hosting saya yang idMedium juga mendapatkan penambahan space dari 50 MB menjadi 200 MB, tentu gratis juga. Mantab!! Bagi anda yang ingin mencoba hosting di IDwebhost, kini paket termurah Rp 1000 per bulan sudah mendapatkan space 10 MB dan bandwidth 1 GB/bulan.

Semoga dengan adanya upgrade ini saya menjadi semakin semangat nulis blog lagi :D. Dan terimakasih juga untuk IDwebhost yang sudah 5 tahun ini saya percaya sebagai tempat hosting web-web saya. Semoga IDwebhost semakin maju saja :)
Read more

IE Tester

IETester
Akhirnya ada juga sebuah software yang di dalamnya berisi banyak versi Internet Explorer, yaitu IETester. Software ini lebih praktis daripada IE Standalone yang harus dijalankan satu persatu, dan ternyata IE6 standalone rusak setelah saya menginstall IE 8 :(.
Read more

Menu Horizontal Multi Level Menggunakan jQuery & PHP

Drop Down Menu
Di dalam sebuah website, seringkali kita menemukan penggunaan menu bertingkat seperti pada gambar di atas. Menu yang bertingkat tersebut sebenarnya adalah sebuah struktur pohon/tree di mana suatu menu bisa memiliki anak (submenu), dan submenu tersebut juga bisa memiliki anak lagi dan seterusnya sampai level tak terbatas.

Berikut ini adalah contoh struktur html menu yang terdiri dari 3 level (menggunakan tag html <ul> dan <li>):

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<ul>
    <li><a href="menu1.html">Menu 1</a></li>
    <li><a href="menu2.html">Menu 2</a></li>
    <li><a href="menu3.html">Menu 3</a>
        <ul>
            <li><a href="menu31.html">Sub Menu 3.1</a></li>
            <li><a href="menu32.html">Sub Menu 3.2</a>
                <ul>
                    <li><a href="menu321.html">Sub Menu 3.2.1</a></li>
                    <li><a href="menu322.html">Sub Menu 3.2.2</a></li>
                    <li><a href="menu323.html">Sub Menu 3.2.3</a></li>
                </ul>
            </li>
            <li><a href="menu33.html">Sub Menu 3.3</a></li>
        </ul>
    </li>
    <li><a href="menu4.html">Menu 4</a></li>
</ul>

Read more

CSS Specificity

CSS Specificity menentukan seberapa spesifik kah sebuah aturan pada CSS. Jika ada 2 atau lebih aturan pada sebuah elemen yang sama, maka aturan paling spesifiklah yang akan dipakai oleh browser.

Nilai specificity pada CSS bisa dihitung sbb:

  • Element Selector, yaitu selector yang berupa tag-tag html, contohnya div, ul, li, a
    nilai specificity = 1 (0,0,1)
  • Class Selector, yaitu selector yang diawali dengan tanda titik, contohnya .menu untuk elemen dengan class="menu"
    nilai specificity = 10 (0,1,0)
  • ID Selector, yaitu selector yang diawali dengan tanda #, contohnya #sidebar untuk elemen dengan id="sidebar"
    nilai specificity = 100 (1,0,0)

Read more