Mengambil Element Pada Tampilan Web

Hai, TimUr

Yoke mau sedikit share nih tentang tips dan trick yang berguna untuk kita yang sedang mengembangkan sebuah Web. Misalkan kamu sedang berkunjung ke sebuah web, dan melihat UI atau tampilan web itu terlihat menarik dan bagus, terkadang kamu ingin rasanya tampilan web yang sedang kamu buat menjadi seperti itu. Misal, ada sebuah widget atau button yang tampak menarik, ingin kamu jadikan element didalam web kamu. Ternyata ada cara untuk melihat source dari element tersebut loh. Gunakan saja Developer Tools dari browser yang kamu pakai.

Dengan menggunakan DevTools kita dapat melihat keseluruhan source dari halaman web tersebut. Bagaimana cara mengaktifkannya? Ini tergantung browser yang kamu gunakan dan OS apa yang kamu pakai. Biasanya pada setiap browser ada shortcut tertentu, contohnya pada Chrome bisa tekan cmd+opt+j jika ingin mengaktifkan DevTools pada OS MacOS. Pastikan kamu membaca pada manual browser kamu terlebih dahulu, atau bisa lihat disini Chrome, Firefox, Safari, dan Opera.

Yoke berikan contoh untuk penggunaannya pada Chrome, misalkan kita sedang browsing dan menemukan sebuah web yang memiliki UI bagus. Lalu, kamu ingin melihat sourcenya untuk digunakan pada Web kamu. Tinggal buka DevTools, lalu lihat bagian yang kamu inginkan.

Lalu kamu bisa gunakan itu pada web yang kamu miliki. Mudah kan? Nah itu saja yang Yoke share pada cermi kali ini, semoga bisa bermanfaat ya. Happy Coders !

Article written by

This is your Bio

10 Responses

  1. Wew jadi nambah pengalaman dengan berguru pada Yoke πŸ˜€
    tambah juga ilmu codingnya deh and thanks for sharing Tips & trik nya, sangat bermanfaat banget ni buat referensi πŸ˜€

Leave a Reply

You must be logged in to post a comment.