Web

Ini dia yang kamu cari

Ada 205 artikel dalam kategori Web.

Menggambar Objek dengan Perulangan dan Fungsi Random di HTML5 Canvas

Pada artikel pengenalan HTML5 Canvas sebelumnya, kita sudah belajar cara menggambar objek-objek dasar seperti titik, garis, persegi, lingkaran, dan segitiga. Objek digambar hanya sekali saja. Bagaimana kalau kita ingin menggambar banyak objek dan digambar secara acak? Untuk menjawab pertanyaan ini, kita harus menggunakan perulangan dan fungsi random(). Lebih jelasnya, mari kita bahas… Menggambar Objek dengan PerulanganPada contoh di artikel sebelumnya, kita sudah pernah menggambar persegi dua kali. <script type="text/javascript"> var canvas = document.

JSON itu Apa Sih? dan Apa Gunanya dalam Pemrograman?

Segala hal yang perlu kamu ketahui tentang JSON. Apa itu JSON, dan apa gunanya dalam pemrograman?

Mengenal HTML5 Canvas untuk Pemrograman Grafis dan Game

Sebelum kedatangan HTML5, Game dan elemen multimedia lainnya disajikan dalam browser menggunakan Flash. Banyak game berbasis Flash yang bisa dimainkan melalui browser. Bahkan Flash juga digunakan untuk memutar video. Seingat saya dulu…tanpa Flash Player, kita tidak bisa memutar video di Youtube. Namun semuanya berubah setelah kedatangan HTML5… 1 HTML5 membawa banyak elemen baru yang menggantikan tugas Flash dalam browser. Salah satunya adalah canvas. Apa itu Canvas?Dalam dunia nyata, canvas sering digunakan untuk menggambar dan melukis.

Tutorial PHP dan MySQL: Membuat Aplikasi CRUD [Studi Kasus Pendaftaran Siswa Baru]

Pada tutorial ini, kita akan belajar membuat aplikasi sederhana. Yaitu, pendaftaran siswa baru menggunakan PHP dan MySQL. Aplikasi ini hanya sebatas untuk melakukan operasi CRUD saja.

Kumpulan 618+ Grup Telegram untuk Programmer

Kumpulan 618+ Group telegram (terupdate) untuk Programmer, Hacker, Linuxer, Tech, Startup, dan penggiat IT lainnya. Berikut ini daftar grup, channel, dan bot Telegram untuk programmer...

Cara Redirect Halaman di Hugo untuk Mempertahankan Trafik

Hingga saat ini, proses migrasi Petani Kode ke Hugo masih belum selesai. Mengapa saya katakan demikian? Karena banyak artikel yang belum diedit. Banyak artikel yang link-nya error 404, alias tidak ditemukan. Terpantau dari laporan Google Webmaster, error 404-nya tembus sampai 546 halaman. Hal ini akan membuat banyak orang kecewa, termasuk juga saya. Karena sudah banyak artikel yang terindeks di google, di-share di sosial media, dan link lainnya. Ketika mereka membukanya, akan mendapatkan error 404.

Apa itu WebAssembly?

Saat pertama kali mendengar kata WebAssembly, saya kira kita akan membuat web dengan bahasa assembly. Ternyata bukan. Sekitar dua minggu yang lalu saya mendapatkan kiriman link milis melalui channel @reddit_programming tentang pengumuman WebAssembly. WebAssembly akan segera tersedia di Firefox dan Google Chrome bulan ini dan benar saja, Firefox dan Google Chrome merilis versi terbarunya. Firefox 52 Rilis dengan Dukungan WebAssembly dan Peningkatan Sync Google Chrome 57 Rilis dengan Dukungan WebAssembly dan Spesifikasi CSS Gird Baru Lalu apa sebenarnya WebAssembly itu?

Tips Modifikasi Panel Bootstrap untuk dijadikan Card

Seperti yang kita ketahui, istilah card memang sering dipakai pada Material Design. Sedangkan Bootstrap versi 3 tidak memiliki komponen card. Mungkin saja akan ditambahkan pada versi ke-4. Kita tunggu saja. Pada kesempatan ini, kita akan belajar cara modifikasi komponen panel Bootstrap untuk dijadikan Card. Berikut ini tampilan hasil akhir yang akan kita buat: Mempersiapkan Grid LayoutPertama, kita siapkan dulu grid layout dengan empat kolom. <div class="container"> <div class="row"> <div class="col-md-3"> <!

15 Tag HTML yang tidak Memiliki Pasangan Penutup

Sebuah elemen dalam HTML terdiri dari tag pembuka dan tag penutup. Namun, ada juga yang tidak memiliki tag penutup. Kasihan juga ya, hehe 😄 Meskipun demikian, elemen ini tetap valid dan dapat dibaca browser. Elemen yang tidak memiliki tag penutup ini juga disebut void element, karena tidak memiliki isi. Apa saja tag-tag yang tidak memiliki penutup itu? mari kita simak… 1. Tag <area>Tag <area> fungsinya untuk mendefinisikan area pada image map.