Menggunakan Variabel pada CSS3

Salah satu fitur terbaru yang dimiliki oleh CSS3 yang sudah banyak didukung oleh berbagai browser adalah penggunaan variabel CSS. Pemakaian variabel ini bisa menjadikan tata gaya yang lebih dinamis dan fleksibel. Konsep variabel ini datang dari CSS preprocessor seperti LESS dan SASS. Sintaks dasar variabel CSS Variabel CSS harus diset di dalam selector, sama seperti …

Menggunakan Variabel pada CSS3 Selengkapnya »

Animasi Kaca Mosaik dengan SVG dan JavaScript

Pada artikel sebelumnya aku sudah membahas bagaimana cara membuat tekstur mosaik dengan SVG, sekarang mari kita bawa ke tahap lebih lanjut, yakni membuat efek animasi pada kaca mosaik tersebut, sehingga nampak seolah-olah bergelimang cahaya. Persiapan Untuk memulai, kita akan menggunakan gambar tekstur mosaik yang sudah dibuat pada tutorial sebelumnya. Kamu bisa mengunduhnya di sini. Kemudian …

Animasi Kaca Mosaik dengan SVG dan JavaScript Selengkapnya »

SVG: Membuat Tekstur Kaca Mosaik dengan Inkscape

Pada blog pribadi aku yang terbaru, terdapat gambar dengan filter kaca mosaik yang interaktif dan berubah warna. Dengan menggunakan teknik serupa, kali ini aku akan berbagi tutorial cara membuat efek kaca mosaik dengan Inkscape. Inkscape adalah aplikasi pengolahan gambar vektor yang dapat digunakan untuk menghasilkan gambar SVG. Format gambar SVG saat ini sudah cukup luas …

SVG: Membuat Tekstur Kaca Mosaik dengan Inkscape Selengkapnya »

PHP: Menghapus Tag HTML Tertentu Dari Tulisan

Di bahasa pemrograman PHP kita mengenal fungsi strip_tags() untuk menghapus seluruh tag HTML dari tulisan (string), kecuali tag-tag tertentu. Namun, bagaimana jika sebaliknya, kita ingin menghapus hanya tag-tag tertentu saja dari tulisan dan membiarkan sisanya? PHP tidak memiliki fungsi khusus untuk ini. Tapi kita bisa buat sendiri menggunakan fungsi Regex (regular expression) yaitu preg_replace(). Regular …

PHP: Menghapus Tag HTML Tertentu Dari Tulisan Selengkapnya »

HTML: Memformat Tulisan dan Membuat Karakter Spesial

Seperti halnya program pengedit tulisan seperti Microsoft Word, tulisan pada dokumen HTML bisa diatur dengan berbagai format, seperti cetak tebal, cetak miring, garis bawah, dan sebagainya. Format-format ini diatur dengan cara mengapit tulisan dengan tag-tag khusus. Mari kita lihat contoh berikut ini. Indonesia Raya adalah lagu kebangsaan Republik Indonesia. Lagu ini pertama kali diperkenalkan oleh …

HTML: Memformat Tulisan dan Membuat Karakter Spesial Selengkapnya »

Membuat Permainan Congklak dengan Bahasa C (Bagian 3)

Mereset kembali papan untuk babak berikutnya Melanjutkan tutorial permainan congklak dengan bahasa C, rupanya permainan ini tidak berakhir hanya dalam satu babak. Setelah babak pertama selesai, biji-bijian yang telah terkumpul di rumah disebarkan kembali ke setiap lubang kecil milik pemain, masing-masing sebanyak 7 biji. Karena biji yang terkumpul tidak sama, maka akan ada lubang yang …

Membuat Permainan Congklak dengan Bahasa C (Bagian 3) Selengkapnya »

Membuat Permainan Congklak dengan Bahasa C (Bagian 2)

Tulisan ini merupakan kelanjutan dari tutorial membuat permainan congklak dengan bahasa C. Pada bagian 1 kita sudah membuat program dasar congklak dan melakukan simulasi pergerakan biji-bijian pada papan congklak. Sekarang kita akan melanjutkan dengan mengimplementasi alur permainan congklak. Menerima input dari pemain Sepanjang permainan, pada dasarnya hanya ada dua jenis input yang diterima dari pemain, …

Membuat Permainan Congklak dengan Bahasa C (Bagian 2) Selengkapnya »

Membuat Permainan Congklak dengan Bahasa C (Bagian 1)

Congklak, atau dikenal juga dengan nama dhakon atau mancala, adalah sebuah permainan tradisional di Asia Tenggara. Permainan ini dimainkan oleh dua orang. Pada papan congklak terdapat tujuh lubang kecil (lumbung) yang saling berhadapan dan satu buah lubang besar (rumah) masing-masing di sisi kiri dan kanan. Masing-masing lubang kecil ini berisi tujuh buah biji-bijian atau kerang. …

Membuat Permainan Congklak dengan Bahasa C (Bagian 1) Selengkapnya »