Membuat Icon External Link secara Otomatis dengan jQuery

Beberapa waktu lalu saya membuat artikel mengenai membuat animasi sederhana pada menu dengan jQuery. Salah satu pengunjung bertanya mengenai bagaimana mendeteksi external link (link yang mengarah ke luar situs kita) dan secara otomatis menambahkan icon tertentu, atau mengganti dengan style tertentu.

 Yang dimaksud oleh pengunjung tersebut tentunya seperti yang ditunjukkan di situs-situs seperti Wikipedia, dimana jika terdapat link yang mengarah ke selain situs wikipedia, maka di sebelah kanan dari link tersebut akan ditampilkan icon . Hal tersebut sangat berguna bagi pengunjung, yaitu sebagai informasi bahwa link berasal dari luar situs utama.

Lalu bagaimana caranya?

Read More

LifeStream

lifestreamApa itu Lifestream? Secara sederhana, mas harry sufehmi, mengartikan sebagai jejak-jejak digital. Tapi lebih luas lagi, lifestream pada dasarnya merupakan kronologis-kronologis kejadian yang kita alami sehari-hari. Jam demi jam, menit demi menit, dan detik demi detik. Kejadian-kejadian yang kita alami sehari-hari dapat kita dokumentasikan dalam berbagai cara, apalagi dengan bantuan teknologi terkini, tentu akan sangat terbantu. 

Jaman dulu, waktu internet dan komputer belum begitu booming, banyak orang yang menuangkan kejadian sehari-hari ke dalam sebuah buku diary. Namun dengan adanya teknologi komputer dan internet serta teknologi handphone saat ini, buku diary mulai ditinggalkan orang. Mulailah orang beralih ke blogging dan layanan-layanan pencatat kejadian sehari-hari lainnya seperti twitter, plurk dan kronologger, atau layanan situs pertemanan seperti facebook, friendster dan youtube.

Read More

Efek Animasi Sederhana pada Menu dengan jQuery

jquery_menu01Salah satu keunggulan jQuery adalah “keluwesan” dan kemudahannya dalam berkolaborasi dengan CSS (Cascading Style Sheet) sehingga penampilan halaman web menjadi semakin indah. Selain itu jQuery juga dapat menjembatani “kesenjangan” beberapa browser dalam mengimplementasikan CSS. 

Di sisi lain, animasi, merupakan hal yang masih diminati dalam dunia web karena menjadi salah satu hal yang akan menarik perhatian pengunjung. Dalam tutorial ini, kita akan mencoba menambahkan efek animasi sederhana pada menu yang dibuat dengan CSS. Kita akan memanfaatkan fungsi animate() yang sudah disediakan oleh jQuery.

Mari kita coba langkah per langkahnya.

Read More