by Shelli Ripati | Oct 11, 2018 | Design, Framework Javascript, JQuery, Tips dan Trik, Tutorial, Uncategorized, Website
Cara Membuat Website Satu Halaman Menggunakan Scroll Jquery Part1 adalah suatu tampilan website yang memiliki satu halaman dengan beberapa menu. Dimana ketika kita melakukan klik pada menu maka secara otomatis website kita melakukan scroll ke arah menu yang kita pilih. Disini ada 2 hal yang harus kita lakukan untuk membuat website satu halaman menggunakan scroll, yaitu membuat sticky menu atau menu dengan posisi fix atau tetap ketika kita melakukan scroll pada website dan membuat scroll website ketika menu kita klik. (more…)
by Shelli Ripati | Oct 8, 2018 | Design, Javascript, Tips dan Trik, Tutorial, Uncategorized, Website
Kali ini saya kan membahas tentang Cara Membuat Fitur Copy Text Dengan Javascript. Yang mana pada fitur ini dapat menyalin sebuah text atau paragraf dengan hanya mengklik tombolnya saja. Metode yang akan saya gunakan adalah document.execCommand(), namun metode ini tidak support untuk IE8 and earlier. (more…)
by Shelli Ripati | Oct 7, 2018 | Design, Javascript, Tips dan Trik, Tutorial, Uncategorized, Website
SetInterval dalam javascript adalah timing event yang berarti sesuatu event atau fungsi yang dijalankan berdasarkan waktu yang telah ditentukan. Dimana setinterval ini akan dijalankan terus menerus atau looping sampai di hentikan dengan clearinterval. Hampir sama dengan fungsi settimeout, hanya saja settimeout ini tidak melakukan looping karena fungsi yang akan dijalankan hanya satu kali dengan durasi yang sudah ditentukan.Nah untuk kasus ini saya akan menggunakan setinterval untuk Cara Membuat Timer Menggunakan Javascript. (more…)
by Shelli Ripati | Sep 28, 2018 | CSS, Design, HTML, Tips dan Trik, Tutorial, Uncategorized, Website
Penggunaan elemen <picture> pada html berfungsi untuk menampilkan beberapa gambar yang berbeda berdasarkan lebar viewport atau layar. Elemen <picture> menyimpan dua tag berbeda yaitu satu atau lebih tag <source> dan satu tag <img>. Disini akan saya bahas elemen tag picture pada artikel tentang Cara Mengubah Gambar Dengan Tag Picture HTML. (more…)
by Shelli Ripati | Sep 28, 2018 | Bootstrap, CSS, Design, Tips dan Trik, Tutorial, Uncategorized, Website
Gambar yang kita tampilkan di dalam html ketika lihat di browser maka akan terlihat ukuran asli dari gambarnya. Karena itu kita pasti selalu mengatur lebar dari gambar tersebut menggunakan css. Tapi jika kita buka di berbagai device tentu akan jelek tampilannya. Karena ukuran layar pada pc tablet atau mobile berbeda-beda. Nah pada artikel Cara Memanfaatkan Class Gambar Pada Bootstrap 4 saya akan membahas tentang cara membuat gambar responsive, tidak hanya itu tapi masih banyak class yang disediakan oleh bootstrap 4 tentang mengatur gambar. (more…)
by Shelli Ripati | Sep 27, 2018 | Bootstrap, CSS, Design, Tips dan Trik, Tutorial, Uncategorized, Website
Pembahasan sebelumnya kita sudah membahas tentang text alignment, text wrapping & overflow dan text transform. Nah untuk di pembahasan tentang Cara Memanfaatkan Class Text Pada Bootstrap4 Part2 saya akan melanjutkan pembahasan di part 1 yaitu membahas tentang Font Weight & italic dan Monospace. (more…)
