Domain kamu ada fitur https nya, tapi sering kali website kamu waktu dibuka orang suka yang kebuka yang http, tidak pakai s. Nah caranya supaya situs kamu terus menerus dibuka dengan https ada berbagai cara, misal dengan cara membuat file htaccess secara langsung di server side nya, atau melakukan pengaturan redirect di cpanel / panel…
Kategori: HTML5, CSS & JavaScript
Cara membuat tombol “scroll to top” yang jika diklik akan mengembalikan posisi scroller ke atas halaman dengan halus
Jika kita menggunakan jQuery, kita bisa membuat tombol scroll to top atau kembali ke atas dengan mudah dan keren, yang jika kita klik kita bisa scrolling ke bagian atas halaman dengan animasi yang halus. Coba kita buat tombol dengan id backToTop dan buat script seperti ini: Saat posisi layar kita di atas halaman, tombol scroll…
Membuat element sticky (yang menempel) pada desain webmu
Di postingan ini saya akan membagikan tips yang sangat sederhana untuk membuat sebuah elemen html di halaman web kamu tampil sticky, yang artinya jika kamu scroll, ke atas ataupun ke bawah elemen tersebut tetap diam di situ, nempel dan idak bergerak. Contohnya seperti header halaman web kita buat sticky supaya saat discroll ke bawah, menu-menu…
Cara memrogram pengambilan gambar/foto webcam dengan HTML dan JavaScript
Di postingan ini akan saya bagikan full script html dan JavaScript yang berguna untuk menggambil jepretan foto/gambar dari webcam/kamera laptop/pc maupun hp, yang mana hasil jepretan itu akan muncul pada elemen Canvas di halaman web percobaan kita. Kamu bisa klik kanan lalu save untuk mendownloadnya. Berikut ini source codenya:
Cara menjaga proporsi tulisan dan gambar pada halaman web saat layar berubah ukuran dengan menggunakan jQuery
Tentunya menyebalkan saat kita mendesain sebuah halaman web yang tampil oke pada suatu ukuran layar, namun saat dilihat di layar dengan ukuran lainnya tampilan desain kita tampak jelek karena ukuran teksnya atau gambarnya terlalu besar atau terlalu kecil. Di sinilah ada yang namanya teknik responsive web design. Tapi yang akan saya jelaskan di tutorial ini…
Cara membuat website toko online berbasis PHP dengan script WhatsUpShop
Di tulisan ini saya akan tunjukkan betama mudahnya cara membuat toko online berbasis WhatsApp yang bisa kamu lakukan sendiri. Cara kerja toko online ini adalah, kamu akan memiliki sebuah halaman depan website yang bisa menampilkan daftar produk-produk yang kamu jual, lengkap dengan foto produk, harga dan keterangannya. Tiap produk akan disertai tombol tambah ke keranjang,…
Cara membuat tur virtual panorama 360 derajat dengan software gratis 3Sixty
Sekarang banyak sekali software-software gratis untuk mendukung kamu untuk berkarya di era digital, karya digital, seperti software yang satu ini: 3Sixty Web Tour Maker. Kamu sudah pernah melihat website virtual tour 360 panorama? Kalau belum mungkin coba kamu Googlein seperti apa sih tur virtual 360 itu. Kalau kamu udah pernah liat, nah kalau kamu kepingin…
Data 516 nama daerah / kota beserta koordinat latitude dan longitude nya dalam format JSON
Halo kawan, di bawah ini kamu bisa melihat data dalam format JSON yang berisi 516 nama kota/daerah beserta koordinat latitude dan longitudenya. Monggo silahkan dicek ya:
Cara menggabungkan desain dengan gambar kaos (tshirt) dengan menggunakan JavaScript dan HTML
Saya pernah membuat template desain tshirt untuk membuat sistem kustomisasi kaos seperti mengubah warna dan desain tshirt serta menentukan ukuran tshirt agar pelanggan bisa melakukan order online via whatsapp setelah memilih tshirt favoritnya. Kamu bisa dapatkan source codenya gratis melalui link GitHub di bawah ini…. Tapi jangan lupa subscribe, like dan share video saya yah…
Menjembatani Android (Java) dengan JavaScript tanpa menggunakan Cordova atau PhoneGap
Di video ini saya tunjukkan project contoh dimana kamu bisa memanggil fungsi-fungsi yang ada di Java lewat JavaScript, termasuk menapilkan iklan AdMob, pesan toast, pembelian fitur hapus iklan dan lain sebagainya. Dapatkan source code project ini dari link di bawah ini: https://github.com/habibieamrullah/Basic-Android-HTML5-WebApp-Template Tonton video tutorialnya di sini:
Cara mengunggah lebih dari satu file gambar dengan PHP
Di video ini saya tunjukkan cara mengunggah lebih dari satu file gambar dengan PHP dengan menggunakan program PHP sederhana yang saya buat. Kamu bisa unduh file-file source nya di sini: https://github.com/habibieamrullah/PHP-Multiple-Image-Uploader
Bagaimana cara membuat roda roulette dengan JavaScript untuk website kamu?
Dengan menggunakan phaser js saya membuat contoh roda roulette ini yang kalau diklik roda itu berputr dan bakal berhenti pada nomor tertentu yang telah ditentukan secara acak. Dapatkan source codenya di link di bawah ini. Tapi tolong dong tonton juga videonya sampai selesai, subscribe dan like yah, baru buka linknya. https://github.com/habibieamrullah/Three-Percent-Discount-Wheel-Example
Cara membuat roda roulette berbasis HTML5 dan JavaScript serta game engine Phaser JS
Di contoh ini saya tunjukkan bagaimana sebuah roda roulette berbasis HTML5 dan Phaser JS bekerja. Source code nya bisa kamu tengok di GitHub saya, di link ini: https://github.com/habibieamrullah/Three-Percent-Discount-Wheel-Example
Cara membuat tombol nyala dan mati dengan jQuery
Di video ini saya tunjukkan cara membuat tombol toggle untuk menyalakan atau mematikan / menampilkan atau menyembunyikan konten html dengan jQuery kurang dari 3 menit.