Elemen-elemen menarik untuk Anda pakai di website Anda…

December 31st, 2009

Teknologi website terus berkembang. Model yang tadinya “in”, dalam sekejap mata berubah jadi ketinggalan jaman. Tentu saja seiring makin canggihnya efek-efek ini, “harga” yang harus dibayar untuk pembuatannya pun ikut meningkat, mengingat coding yang digunakan harus semakin advanced, ditambah lagi dengan HTML-CSS yang sekarang sudah-ga-jamannya-menggunakan-table menuntut ketelitian mengecek kompatibilitasnya di setiap browser…

Tugas yang sama sekali jauh dari mudah. Lain sekali dengan jaman dulu, dimana dengan Fireworks, kita bisa slicing sana-sini dengan hanya men-drag-and-drop garis, dan taraaaa…!!! HTML pun jadilah.

Anda tertarik untuk browsing-browsing bersama saya, atau justru punya ide dan temuan yang asik lainnya? Please share!

  1. Zoom image, interaktif
    Zoom image ini bukan hal baru, tapi aplikasinya yang tanpa flash ini menarik buat saya. Anda tinggal mendrag kotak kecil di tengah itu untuk bisa melihat detail yang ingin Anda zoom. Cocok sekali untuk mereka yang ingin menjual keunggulan detail produknya di website.

    zoom image dengan menggerakkan mouse

    zoom image dengan menggerakkan mouse

  2. Image slider
    Make sure Anda pastikan web designer atau web programmer atau web developer Anda (siapapun itu), tidak lagi meminta Anda membuat file GIF sendiri untuk menyatukan beberapa image produk yang ingin Anda highlight :) Selain kemungkinan besar Anda akan membuat file GIF yang besarnya di atas rata-rata, saking banyaknya image yang ingin Anda tampilkan, sekarang ini sudah ada better solution yang menjawab kebutuhan Anda itu :)

    product highlight dalam bentuk slide

    product highlight dalam bentuk slide

  3. Highlighted text field
    Kalau dulu Anda mungkin menghadapi sebuah window kecil berwarna abu-abu yang melisting field-field text mana saja yang belum Anda isi alias error, sekarang dengan mudah required fields itu memberitahu Anda, mana yang harus Anda isi, dengan highlight warna.

    Highlight text field di form

    Highlight text field di form

  4. Login box dengan efek AJAX
    Kalau dulu, yang namanya login box itu sudah pasti harus mengambil area tertentu yang besarnya lumayan (karena ada field untuk username, password dan tombol LOGIN, plus link Forget Password dan Register), sekarang cukup disembunyikan dan ditampilkan hanya berupa link Sign-In saja. Setelah diklik, baru ditampilkan boxnya, sehingga space berharga Anda ga akan hilang hanya untuk area login ini. Dan ga usah cape-cape nunggu loading page baru hanya untuk login.

    login box dengan efek ajax - before

    login box dengan efek ajax - before

    login box dengan efek ajax - after

    login box dengan efek ajax - after

  5. Yuk, bantu tambahkan hasil browsing Anda ^^