⬢⬢⬡

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 »

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 »

cPanel: Cara Mencegah Akses ke Folder Subdomain dari Domain Utama

Saat membuat subdomain atau addon domain pada cPanel, ada banyak penyedia hosting yang mewajibkan lokasi document root subdomain tersebut harus berada di dalam folder /public_html. Masalahnya, /public_html adalah document root dari domain utama website kita. Artinya, siapa saja dapat mengakses file subdomain melalui domain utama. Katakanlah kita memiliki website bernama www.meramukoding.com, dan kita akan membuat …

cPanel: Cara Mencegah Akses ke Folder Subdomain dari Domain Utama Selengkapnya »

JS: Mengubah Warna RGB Menjadi HSV

Saat membuat aplikasi yang berkenaan dengan gambar dan warna, ada kalanya kita perlu mengkonversi representasi warna dari satu color space ke color space lain. Pada tulisan ini kita akan membuat ramuan yang bisa mengubah representasi warna RGB menjadi HSV.