Ini dia yang kamu cari
Ada 210 artikel dalam kategori Web.
Cara Cepat Modifikasi Navbar Bootstrap
Ada dua jenis warna pilihan navbar yang ditawarkan Bootstrap: Warna putih (navbar-default) dan warna hitam (navbar-inverse). Selain dari dua warna tersebut, kita harus memodifikasinya sendiri. Pada kesempatan ini, saya akan berbagi cara cepat memodifikasi navbar Bootstrap dengan cepat. 1. Menggunakan GeneratorAda sebuah generator canggih yang dibuat oleh Samuel Marchal .
Mengatasi Masalah Posisi Titik Tengah Google Maps pada Modal
Saat membuat Google Maps pada Modal di template Admin LTE, ada masalah yang membuat saya bingung. Posisi titik tengah Google maps selalu berada di pojok kiri atas. Meskipun saya sudah set titik tengahnya pada trigger event resize, namun tetap saja posisinya berada di pojok kiri atas. Setelah digeser:
Apakah Fungsi `!important` pada CSS dan Kapan Harus Menggunakannya?
Memahami fungsi !important pada CSS dan kapan waktu yang tepat menggunakannya?
Tutorial HTML: Cara Membatasi Nilai Input Maksimum dan Minimum pada Form
Atribut min dan max merupakan atribut untuk membatasi nilai maksimum dan minimum yang boleh diinputkan pada form. Atribut ini biasanya digunakan pada inputan yang berkaitan dengan angka. Misalnya tidak boleh menginput angka negatif, angka lebih dari 10, tanggal kurang dari tahun 2000, dsb.
Mengatasi Peta (Google Map) yang tidak Ditampilkan di Modal
Ketika saya menggunakan modal untuk menampilkan peta (Google Maps), petanya tidak mau tampil. Entah mengapa? setelah ukuran layarnya di-resize, petanya bisa tampil. Mungkin karena div di dalam modal bersifat dinamis atau responsif. Peta kosong, hanya ada warna abu-abu. Solusi dari masalah ini saya temukan di Stackoverflow. MarcoK memberikan penjelasan jawaban atas masalah ini. Google Maps memang akan menampilkan area abu-abu (grey) kalau ditempatkan di elemen dinamis. Oleh karena itu, kita perlu memanggil fungsi “resize” ketika animasi modal sudah selesai. Bootstrap 3: $("#modal-peta").on(“shown.bs.modal”, function () { google.maps.event.trigger(peta, “resize”); });Bootstrap 2: $(’#modal-peta’).on(‘shown’, function () { google.maps.event.trigger(peta, “resize”); });#modal-peta adalah nama id dari elemen modal tempat peta tersebut ditampilkan dan variabel peta adalah variabel objek dari peta (Google Maps). Kode di atas, ditulis dalam fungsi initialize() atau persiapan peta, lihat tutorial sebelumnya. Referensi: http://stackoverflow.com/a/11743005
Tutorial Google Maps API: Cara Menggunakan Info Window untuk Menampilkan Informasi
Info Window adalah objek yang digunakan untuk menampilkan informasi pada suatu titik koordinat tertentu. Biasanya digunakan bersamaan dengan marker. Contoh Info Window: Info Window dapat kita isi dengan kode HTML. Sehingga data yang ditampilkan di dalam jendela Info Window bisa kita berikan style CSS agar terlihat menarik. Cara Membuat Info WindowPertama yang harus kita buat adalah isi atau informasi yang akan kita tampilkan di dalam info window.
Tutorial Google Maps API: Membuat Marker untuk Menandai Lokasi
Marker sering digunakan untuk menandai sebuah lokasi. Biasanya sering digunakan dalam membuat aplikasi Geolocation. Pada kesempatan ini, kita akan belajar membuat marker di Google Maps dan melakukan beberapa modifikasi. Kamu bisa menggunakan contoh kode sebelumnya untuk uji coba.
Tutorial Codeigniter #09: Membuat Fitur Login untuk Admin
Pelajari cara membuat fitur login untuk Admin di Codeigniter dengan Library session bawaan Codeigniter.
Menulis Rumus Matematika di HTML dengan MathJax
Rumus matematika biasanya akan sering kita temui pada web pendidikan atau akademis. Contohnya seperti ini: Rumus matematika di HTML sebenarnya bisa kita tampilkan dengan gambar. Namun, tidak interaktif dan dinamis. Selain dengan Gambar, kita juga busa menampilkannya dengan MathML. MathML adalah sebuah bahasa markup yang khusus untuk menulis rumus matematika di HTML dan XML.