Category Archives: Web Programming

Web Programming

HTML5 Local Storage untuk Website Anda

Mari kita lihat salah satu fitur luar biasa dan berguna dari HTML5: penyimpanan informasi pada client-side. Beberapa alasan mengapa kita memerlukan fitur ini, adalah: Aplikasi Anda dapat mengingat keadaan terakhirnya setelah pengguna menutup browser-nya. Anda bisa menyimpan cache aplikasi – jika tidak ada perubahan pada aplikasi/website tersebut, maka tidak perlu … Continue reading

Posted in Web Programming | Tagged , , | Leave a comment

Panduan Penulisan HTML/CSS ala Google

Setiap proyek open-source umumnya memiliki peraturan tersendiri dalam hal penulisan kode programmingnya. Kadang, peraturan-peraturan itu bersifat mutlak pada proyek tersebut, misal penulisan variable yang harus menggunakan pola CamelCase, menghindari penggunaan global variable, dan sebagainya. Peraturan semacam ini dibuat untuk menjaga … Continue reading

Posted in Web Programming | Tagged , , | Leave a comment

Penggemar CSS Wajib Mengenal SASS & COMPASS

Tak ada kata terlambat untuk belajar. Meskipun CSS preprocessor telah banyak bermunculan, barangkali masih banyak yang belum menggunakan atau bahkan belum mengenal sama sekali. Ada banyak pilihan bagi Anda para fans sejati CSS, mulai dari LESS, Stylus, Turbine, SASS, dan … Continue reading

Posted in Featured, Web Programming | Tagged , , , | 3 Comments

Membuat Tombol 3D dengan CSS3 (Eksperimen)

3D Transforms merupakan salah satu metode eksperimental dari CSS3. Meskipun untuk bisa diimplementasikan ke semua browser akan memakan waktu yang cukup lama, tidak ada salahnya jika kita mempelajari dasar-dasar dari teknik baru ini. Hampir semua browser, mendukung fitur ini sebagai … Continue reading

Posted in Web Programming | Tagged , , , , | 1 Comment

Mengenal CSS pseudo-element hacks

CSS adalah style language serbaguna yang paling sering digunakan untuk mengatur tampilan dan format dari sebuah dokumen HTML. CSS memiliki apa yang disebut pseudo-elements dan pseudo-classes yang bisa digunakan untuk pengaturan tampilan efek seperti yang terdapat pada media cetak pada … Continue reading

Posted in Web Programming | Tagged , , | Leave a comment

Mengenal Elemen-Elemen HTML5 yang Sering Digunakan

Christian Heilmann, seorang web developer dari Mozilla mengatakan pada persentasinya yang berjudul What is HTML5 bahwa “HTML5 = Make it easier for developer”. Ya, beberapa elemen baru yang diperkenalkan di HTML5 lebih semantik dan penamaannya lebih sesuai dengan fungsi element … Continue reading

Posted in Web Programming | Tagged , , , , , | 4 Comments

Membuat Aplikasi Sederhana untuk Facebook Page dan Timeline dengan iFrame

[note]Artikel ini adalah update dari Mengkostumisasi Facebook Fan Page dengan Iframe[/note] [note type=”warning”]On March 30, 2012, all Facebook Pages will get a new design. Berdasarkan informasi terbaru dari Facebook tersebut, semua format Page akan berubah menjadi timeline[/note] Perusahaan, komunitas dan individu … Continue reading

Posted in Web Programming | Tagged , , , , , | 25 Comments

Google Maps API, JSON, dan jQuery?

Apa kabar dunia? Hari ini saya akan berbagi tutorial tentang implementasi Google Maps API sederhana untuk prototype sistem informasi Warung Pecel dengan bantuan JSON dan jQuery. Untuk melihat hasil akhir yang dijelaskan pada tutorial ini, silakan melihat pada link berikut ini. … Continue reading

Posted in Featured, Web Programming | Tagged , , , , | 22 Comments

HTML5 AppCache? Apaan Tuh?

Setiap browser memiliki teknik caching yang berbeda, meskipun tidak semuanya efektif. Ada kalanya, saat kita membuka sebuah website, kemudian jika tiba-tiba internet terputus dan browser tidak meng-cache halaman sebelumnya dengan benar, kemudian saat kita klik tombol Back, biasanya kita tidak dapat … Continue reading

Posted in Web Programming | Tagged , , , | 2 Comments

Panduan Dasar tentang Viewport dan Media Queries

Seiring perkembangan dunia mobile yang sangat pesat, web developer secara tidak langsung dituntut untuk cerdas dalam membangun website yang tampil baik di berbagai piranti mobile itu sendiri. Beberapa jenis meta tags untuk penyesuaian konten website dengan kemampuan piranti mobile telah … Continue reading

Posted in Web Programming | Tagged , , , , | Leave a comment