Pada kesempatan kali ini summontrick bakalan membagi trick blogger baru buat kalian. setelah sebelumnya summontrick share mengenai Perbedaan Flat Design dengan Material Design kali ini SummonTrick bakalan membahas soal Cara Mudah Mengatur atau Memodifikasi CSS dengan menggunakan WEB DEVELOPER tentunya trick yang mimin kasih kali ini sangat ampuh untuk kalian gunakan. Web Deeveloper ini merupakan Ekstensi untuk browser yang siap untuk di pasang di browser tinggak download saja ekstensinya Web Developer yang di buat oleh Chrispederick seperti yang saya gunakan ini di browser google chrome mimin sudah dipasangi web developer extension.
The extension is available for Chrome, Firefox and Opera, and will run on any platform that these browsers support including Windows, OS X and Linux.
baiklah lanjut ke tata cara menggunakannya, oke setelah anda mendapatkan Web Developer di browser anda dengan di tandai dengan adannya roda gigi seperti gambar di bawah ini. jika tidak muncul, maka ekstensinya belum aktif dan segera aktifkan dengan cara pergi ke Hamburger menu > Setelan > Ekstensi > *Centang/Aktifkan. atau Settings > Other Tools > Extension > *Centang/Aktifkan.
langsung saja klik roda gigi tersebut sehingga muncul banyak pilihan seperti gambar di bawah. tentunya kita ingin mengedit CSS lalu pilihkan Edit CSS. maka akan merender laman yang sedang terbuka.
Lanjut, muncul Edit CSS di bawah disinilah wadah yang memudahkan kita mengedit CSS -nya dikarenakan fitur dari ektensi itu sendiri, seperti pada saat mengedit langsung otomatis merubah tampilannya. tanpa harus mereload ulang berkali kali template yang kita ingin edit.
Gunakan ( Ctrl + F atau F3 ) mesin pencari agar lebih mudah mencari CSS yang ingin diedit.
Pilih menu Embed Styles dan edit sesuka hati
Penting!
Dalam menggunakan Web Developer ini template tidak secara langsung dapat mengubah template yang ada CSS -nya yang kita ingin edit langsung berubah tentunya kita harus menyiapkan perantara seperti Notepad atau Notepad++ sebagai bahan untuk Paste teks dari web developer ini.
TIPS
Simpanlah file Notepad CSS Anda sebagai Text Only (atau terkadang dinamakan dengan Text Document atau ASCII) dan berikan ekstensi .css pada file notepad tersebut.
Pastikan Anda menyimpan dokumen CSS yang telah Anda simpan pada folder yang sama, dimana Anda menyimpan dokumen html untuk membuat laman web Anda.
Setelah selesai membuat dokumen CSS, Anda mungkin harus menyambungkan dokumen tersebut dengan laman web Anda.
Kode yang dituliskan diatas hanyalah sebuah contoh untuk menjelaskan kepada Anda bagaimana cara membuat sebuah file CSS dasar dengan menggunakan aplikasi Notepad, untuk mengontrol elemen html. Anda bisa mengubah isi kode CSS sesuai keinginan Anda, agar Anda bisa memformat style dan tampilan laman web Anda.Disarankan menggunakan Notepad++
