css

cara simple membuat popup di tengah screen dengan css

cara simple membuat popup di tengah screen dengan css

cara simple membuat popup di tengah screen dengan css ini dia kode css untuk membuat center popup dengan cara simple hanya dengan kode css saja pada kode di atas kita membuat posisi nya bukan absolute tetapi fixed. kemudian kita buat top dan left nya 50%. setelah itu kita buat content nya ke transform top -50% …

cara simple membuat popup di tengah screen dengan css Read More »

mengatasi select2 scroll ke atas waktu di klik

cara simple plus ampuh mengatasi select2 scroll ke atas waktu di klik

mengatasi select2 scroll ke atas waktu di klik kali ini saya menemukan sebuah permasalahan pada waktu menggunakan jquery select2. masalah nya adalah ketika saya klik select nya maka page nya akan scroll ke atas. Ini sangat menganggu saya apalagi kalo page nya panjang dan select2 ya ada di paling bawah maka kita perlu scroll kebawa …

cara simple plus ampuh mengatasi select2 scroll ke atas waktu di klik Read More »

custom layout block gutenberg woocommerce

custom layout block gutenberg woocommerce

custom layout block gutenberg woocommerce secara default tampilan block gutenberg sudah bisa kita ganti dengan css. akan tetapi ada kala nya kita harus menyesuaikan tata letak element nya. dan hal ini tidak dapat dilakukan dengan menggunakan css. hal ini bisa dilakukan dengan menggunakan jquery akan tetapi akan sangat sulit jika kita kurang memehami jquery trus …

custom layout block gutenberg woocommerce Read More »

filter input angka pada textbox dengan jquery 2

filter input angka pada textbox dengan jquery

input type number tidak bekerja secara realtime di firefox dan internet explore versi terbaru untuk mengatasi hal ini maka kita dapat menggunakan jquery dengan menfilter event keypress, keyup dan blur inti nya jika user mengetikan sesuatu akan di cek terlebih dahulu. jika yang di inputkan adalah angka maka akan di tampilkan jika bukan angka maka …

filter input angka pada textbox dengan jquery Read More »

cara menampilkan dan menyembunyikan password pada form login 3

cara menampilkan dan menyembunyikan password pada form login

cara menampilkan password pada login form pernahkah anda melihat ketika kita login ke sebuah halaman wesite kita dapat melihat password yang telah kita inputkan dan dapat mengecek apakah password yang kita inputkan itu sudah benar atau salah. yang biasanya ada tanda mata slash pada samping kanan input password. disini saya akan berbagi tips cara membuat …

cara menampilkan dan menyembunyikan password pada form login Read More »

cara mematikan clik pada element dengan menggunakan css 4

cara mematikan clik pada element dengan menggunakan css

cara mematikan klik pada element html bisa dilakukan dengan berbagai cara bisa menggunakan javascript, jquery ataupun dengan menggnakan css kali ini saya akan membagikan cara mematikan click dengan menggunakan css cara nya cukup mudah yaitu kita tinggal menambahkab css di bawah ini pada el;ement kita   pointer-events: none; misal kita punya kode di bawah ini …

cara mematikan clik pada element dengan menggunakan css Read More »

change permission file and folder linux

mengubah semua permission file dan folder pada linux

ketika anda mengerjakan project web / yang lain nya di local ada kala nya anda mengubah semua permission file dan folder nya ke 777 sehingga ini sangat rawan ketika di upload ke hosting. ketika file anda dengan permission 777 arti nya file tersebut dapat di rubah dari luar. yang arti nya file tersebut dapat di …

mengubah semua permission file dan folder pada linux Read More »

Menambahkan detik pada datepicker materializecss 5

Menambahkan detik pada datepicker materializecss

secara default materializecss tidak mendukung sampai format detik sehingga kita harus menambahkan secara manual. cara menambahkan nya di contoh ini kami hanya menambahkan :00 untuk detiknya sehingga tidak ada pilihan nya ok let’s go baby misal kita punya kode timepicker seperti d bawah ini: sedangkan untuk jquery default materializecss nya adalah seperti dibawah ini : …

Menambahkan detik pada datepicker materializecss Read More »

pengecekan content kosong dengan css

jika anda ingin mengecek content kosong dengan css cara nya cukup mudah hanya dengan menambahkan :empty pada tag yang akan kita pilih misal kita punya tag html seperti dibawah ini maka pada li yang kosong akan terdapat background merah selamat mencoba