Create Simple Jquery Plugin To Add An Arrow On Active Menu

Sometime I need to put an arrow on active menu visited by website user or visitor on simple way as image below.

menu

Firstly, prepare HTML image for arrow and a list of menus

...
...
<img class="up_arrow" src="images/up_arrow.png" />
<div class="menu left">
    <a href="#" class="active">About Us</a>
    <a href="#">The Dream</a>
    <a href="#">Events</a>
    <a href="#">Contact Us</a>
    <a href="#">Affiliates</a>
</div>
...
...

set absolute and hide the image on CSS file for first load

.up_arrow {
    position: absolute;
    display: none;
}

add javascript and write it as jquery plugin

(function($) {
    $.fn.putMenuArrow = function() {
        $('.up_arrow').css({
            'display': 'block',
            'position': 'absolute',
            'left': ($(this).offset().left + $(this).outerWidth() / 2) - 17, // 17 is width of arrow image
            'top': $(this).offset().top - 19 //19 is height of arrow image
        });
    }
}(jQuery));


// call putMenuArrow plugin
$(document).ready(function() {
    $('.menu a.active').putMenuArrow();

    $('.menu a').click(function(e) {
        e.preventDefault();
        $('.menu a').removeClass('active');
        $(this).addClass('active');
        $(this).putMenuArrow();
    });
});

The complete demo can be found at:

Tipe-tipe Programmer Dengan Dengan Tumpukan Project-nya

Jika seorang programmer biasa mengerjakan 3 project, atau bahkan lebih, secara bersamaan, ada beberapa kemungkinan mengenai programmer tersebut. Bukan satu project dan project lainnya lagi idle karena menunggu feedback user, atau lagi user testing. Tapi benar-benar tiga project yang jalan secara bersamaan. Waktu perharinya dibagi 30% untuk coding project A, 30% untuk coding project B, dan seterusnya.

Kemungkinan pertama, ia bekerja 16 jam perhari. Mungkin managernya berdiri dibelakang mengawasi sambil bawa cambuk. Yang seperti ini sering kita temui meski tidak bawa cambuk beneran sih…

Kemungkinan kedua, programmernya sangat sakti dengan kemampuan tingkat dewa. Dengan hanya 8 jam sehari, 3 project selesai dengan mulus walaupun timline masing-masing project sangat ketat. Tapi kenyataannya, programmer tingkat dewa sangat susah didapat. Kalau sudah dapat programmer tipe ini, jangan dilepas deh, soalnya mudah lepas karena banyak yang ngincer 🙂

Kemungkinan ketiga, programmernya pinter seperti programmer kebanyakan, tapi cuek bebek. Deadline yang terpampang tidak terlihat. Yang penting dia bekerja. Semua project molor jauh dari target bukan urusannya. Atau bahkan jika tidak ada yang kelar, ia tetap cuek melnggang tanpa ada rasa bersalah. Prinsipnya cuma satu, “Seberat-beratnya pekerjaan, akan terasa ringan kalau tidak dikerjakan”. Nah.. loh.. 🙂

Tulisan Pertama Di Tahun 2013

Tahun 2013 hampir berakhir dan hanya tersisa 2 bulan lagi. Tapi di-blog ini tak satupun tulisan muncul sejak awal tahun hingga akhirnya tulisan ini dibuat. Bisa dikatakan, sepanjang tahun tak pernah menulis lagi. Kenapa?

Banyak alasan yang bisa dicari, tapi pasti itu hanya sekadar alasan yang dibuat-buat. Setidaknya bagi saya. Makanya ribuan alasan itu tidak saya tuliskan disini.

Mulai detik ini, meski perlahan, komitmen menulis di blog harus diperbarui. Lah, menteri saja masih sempat menulis setiap minggu. Padahal semua orang tahu kalau tugas seorang menteri itu sangat banyak dan pasti sibuk banget. Tapi tetap saja bisa menulis. Jadi, ayo menulis…!

2012 in review

Wah… ternyata wordpress ada annual reportnya, baru sadar nih…

Here’s an excerpt:

600 people reached the top of Mt. Everest in 2012. This blog got about 2,900 views in 2012. If every person who reached the top of Mt. Everest viewed this blog, it would have taken 5 years to get that many views.

Click here to see the complete report.

Web Hosting Gratis…tis…

Jaman tahun 2000-an banyak layanan di internet yang menawarkan hosting gratis, bahkan ada yang menawarkan hosting PHP dan mySQL juga. Yang paling terkenal, seingetku, adalah .co.cc. Tidak tahu sekarang bagaimana keberadaan hosting gratis tuh.

Hosting gratis jaman itu tidak sama seperti saat dulu kala. Waktu itu ada banyak iklan sana-sani dan kekurangan nyamanan lainnya. entah karena benar-benar kurang nyaman atau karena tidak terbiasa aja.

Berbeda dengan beberapa tahun terakhir ini, dimana PaaS dan cloud mulai menggeliat, ada banyak layanan hosting gratis tanpa ribet dengan kualitas yang sama dengan yang bayar. Tentu saja ada batasan-batasan, tetapi kalau hanya untuk belajar atau baru memulai, yang gratis pun sudah cukup. Sebagai contoh, mari lihat simulasi dari versi gratis yang ditawarkan oleh redhat melalui Openshift

  • 15 pages/second
  • Hundreds of articles
  • ~ 50k visitors per month

Nah seperti itulah kira-kira yang didapat dari versi gratisnya Openshift. Untuk product PaaS lainnya silahkan berkunjung ke website masing-masing. Beberapa yang sempat aku kunjungi menawarkan layanan yang bahkan belum bisa didapat di hosting konfensional. Berikut listnya:

Fitur yang susah didapat dihosting konvensional diantaranya: Java, Ruby, Python, Scala, Clojure, mongodb, dan masih banyak lagi. Mau custom domain juga bisa. Ayo dimanfaatkan!

Manipulasi Gambar Dengan HTML5 Canvas Dan Javascript

Seorang kolega menanyakan tentang image manipulation lewat browser dan HTML5. Setelah browsing dapat list berikut:

  1. CamanJS
  2. vintageJS
  3. PaintbrushJS

Ya tiga itu kayaknya cocok untuk di recomendasikan. Mungkin suatu saat saya akan membuatkan tutorial dan demo untuk salah satu dari list di atas. Atau mungkin tiga-tiganya? who know, atau mungkin tidak sama sekali, wkwkwk.

Quotes of The Day

Hari ini banyak membaca tentang kehidupan orang-orang, tapi seperti biasa belum tentu yang dibaca bisa diamalkan. Aku selalu berdo’a agar dimudahkan dalam mengamalkan ilmu yang telah aku dapatkan. Andaikata aku lupa terhadap apa yang aku baca atau belum bisa mengamalkan dengan baik, dengan menuliskannya, aku berharap orang lain bisa mengambil pelajaran dari apa yang aku baca dan aku tuliskan. Semoga…

Ada banyak hal aneh dari tingkah polah manusia. Misalnya saja merokok. Banyak orang tua (baca: ayah) yang tidak menghendaki anaknya merokok. Bahkan tidak jarang yang memarahi atau memberi hukuman bila mendapati anaknya sedang merokok. Tapi sayang sang bapak adalah seorang perokok.

Ada banyak orang tua yang marah bila anaknya dimarahi oleh orang lain. Bahkan tidak sedikit yang tidak terima bila guru yang mengajari anaknya di sekolah memberikan hukuman. Tapi sayang, orang tua yang tidak terima anaknya dimarahin orang lain, dengan mudahnya menghardik, mengancam, bahkan memukul anaknya sendiri tanpa rasa bersalah.

Tidak sedikit orang yang berdalih hukuman orang tua adalah salah bentuk cinta dan kasih sayang. Ah.., tapi sebagai anak, aku tidak pernah merasakan cinta terpancar dari orang tuaku saat ia sedang memarah.

Betapa banyak pelajaran dari perilaku manusia. Bila kamu sedang dimarahi seseorang, entah itu guru, teman, atau orang tua, Coba saja tanyakan padanya, “Apakah kamu sedang memarahiku?”. Bisa dipastikan 80% dari mereka akan menjawab “Tidak!”. Hemm.. Wahai orang yang marah tapi merasa marah, tidak berguna lagi nasihat nabi yang berbunyi:  “Jika kamu marah dalam keadaan berdiri, duduklah. Jika kamu masih marah, padahal sudah dalam keadaan duduk, berbaringlah. Jika kamu masih marah, padahal sudah dalam keadaan berbaring, segera bangkit dan ambil air wudhu untuk bersuci dan lakukan shalat sunah dua rakaat.”

Pelajaran yang lain? engkau akan mendapati banyak orang yang bila dinasehati ia akan berkata: “Aku sudah tahu itu dari dulu”, “aku sudah belajar agama sejak kecil, jadi tak perlu kau nasehati lagi”, atau kalimat-kalimat penolakan lainnya yang semisal dengan itu. Ia tidak menyadari, banyak sekali orang-orang yang sudah pandai tapi enggan mengamalkan ilmuanya. Entah itu lupa atau pura-pura lupa, auatu mungkin memang enggan saja, tidak ada alasan lainnya. Hem.. rupanya ia lupa bahwa saling menasehati dalam kebaikan dan kesabaranlah yang menjadi penyelamat kita dari golongan orang-orang yang merugi (Q.S. Al-Asr).

Coba saja tanyakan pada para koruptor itu tentang korupsi. Dan kau akan mendapatkan penjelasan yang panjang lebar bahkan tak cukup tinta untuk menuliskannya. Dan bila kau tanyakan pula kenapa ia korupsi, ribuan kalimatpun akan berhamburan darimulutnya yang kotor hanya untuk menyangkalnya.

Bisa kamu lihat pula sebagian manusia berharap orang mengerti isi hatinya padahal ia tak pernah mengungkapkan apa yang ada dihatinya. Sedangkan mata hanya bisa melihat apa yang tampak saja. masalah yang ghoib bukan bagian yang bisa diterima indra. Tapi mereka tidak mau mengerti.

Lebih dahsat lagi bila sikap yang ia tunjukan jauh berbeda dengan apa yang sebenarnya terjadi dalam hatinya. Mata melihat ia gugup, indera yang lain merasakan ia gemetar. Tapi sayang, kalimat yang meluncur dari mulutnya menyatakan ia tidak sedang demam panggung. Hemm…