• Skip to main content
  • Skip to secondary menu
  • Skip to primary sidebar
  • Beranda
  • Kontak
  • Jasa Digital
Awiez Fathwa Zein Logo

Awiez

Pengejar Mimpi

  • Kategori
    • Cerita
    • Desain
    • Jaringan
    • Pemrograman
  • Github
  • Pencapaian
  • Portofolio
  • Tentang Penulis
You are here: Home / Umum / 3 Plugin Chrome Yang Wajib Dimiliki Web Designer!

3 Plugin Chrome Yang Wajib Dimiliki Web Designer!

13 September 2021 23:49 by Awiez Fathwa Zein Leave a Comment

Sebagi seorang web designer pastinya sudah tidak asing lagi dengan yang namanya browser karena sering digunakan untuk menjalankan file HTML maupun webserver lokal seperti XAMPP. Menurut saya dan mungkin kebanyakan orang ketika membuat sebuah project desain website biasanya menggunakan browser Chrome karena tampilannya yang simpel dan cukup akurat untuk mengubah tampilan desktop ke tampilan mobile dengan inspect element yang dimiliki. Tapi kurang lengkap rasanya jika belum menambahkan plugin yang dapat mempermudah proses desain sebuah halaman website, maka dari itu saya ingin memberikan 3 plugin yang sekiranya dapat mempermudah proses dalam melakukan desain.

Daftar Isi

  • 1. Eyedropper, Plugin Pencari Kode Warna
  • 2. Font Finder, Plugin Pencari Nama Font-Family
  • 3. Wappalyzer, Plugin Untuk Menampilkan Teknologi Yang Digunakan Pada Sebuah Website

1. Eyedropper, Plugin Pencari Kode Warna

3 Plugin Chrome Yang Wajib Dipasang Web Designer!

Yang pertama ada Eyedropper plugin chrome ini sangat berguna untuk kalian yang menemukan warna yang bagus pada sebuah web namun tidak mengetahui kode warna tersebut, dengan plugin atau extensi Eyedropper dari chrome ini kalian cukup mengarahkan kursor ke warna yang ingin diambil kode warnanya kemudian klik dan nanti akan muncul kode warna tersebut. Kode warna juga tersedia dalam 4 pilihan yaitu Hex, penamaan yang didukung CSS, hsl, dan rgb.

2. Font Finder, Plugin Pencari Nama Font-Family

3 Plugin Chrome Yang Wajib Dipasang Web Designer!

Kalau plugin Font Finder ini digunakan saat kamu ingin mengetahui nama font yang digunakan pada suatu website. Cara penggunaannya pun cukup mudah hanya dengan klik tulisan yang ingin diketahui namanya maka akan langsung muncul keterangan mulai dari font-family, font-size, warna yang digunakan bahkan properti CSS lain yang diterapkan pada font tersebut.

Baca juga : Cara Membuat Linktree Sendiri Dengan HTML dan CSS

3. Wappalyzer, Plugin Untuk Menampilkan Teknologi Yang Digunakan Pada Sebuah Website

3 Plugin Chrome Yang Wajib Dipasang Web Designer!

Terakhir, ini adalah plugin favorit yaang biasa saya gunakan yaitu Wappalyzer saya suka dengan plugin ini karena dengan plugin ini kalian dapat melihat teknologi yang digunakan pada suatu website, mulai dari CMS yang digunakan, bahasa pemrogramannya, library javascriptnya, dll. Cara penggunaannya yaitu cukup kunjungi website yang ingin di cek, kemudian klik plugin Wappalyzer-nya, nah setelah itu akan langsung terlihat apa saja yang digunakan pada website tersebut.

Jika terdapat kekeliruan pada konten silahkan laporkan dengan cara klik disini

Computer photo created by pressfoto – www.freepik.com

Telah dibaca sebanyak (Bulan ini) : 1,523
Yuk Bagikan Informasi Ini :

Filed Under: Umum, Desain Tagged With: AdobeXD, CSS, Figma, HTML, Photoshop

About Awiez Fathwa Zein

Halo, perkenalkan nama saya Awiez Fathwa Zein. Saya merupakan seorang mahasiswa Teknik Informatika pada salah satu perguruan tinggi negeri yang fokus pada pemrograman web dan sedikit IoT.

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

PENCARIAN

Berlangganan Artikel

Tulis email anda agar tetap update artikel terbaru!

Video Popular

https://www.youtube.com/watch?v=UadEy4r_a8g

POSTINGAN TERBARU

  • Gampang Banget! Cara Upload Form Dengan jQuery Ajax Pada Laravel 10
  • Cara Mendownload Seluruh Isi Google Drive Dengan Google Takeout 2023
  • Cara Membuat Website Shortenlink Sendiri Menggunakan Laravel 9
  • Cara Mengatasi Spam Telepon 188 Telkomsel
  • #2 Tutorial HTML Dasar – Struktur HTML

KOMENTAR TERBARU

  • Putra surya setiawansyah on Cara Mendapatkan Canva Pro Gratis Melalui Github Education Dengan Email Mahasiswa 2021
  • Putra surya setiawansyah on Cara Mendapatkan Canva Pro Gratis Melalui Github Education Dengan Email Mahasiswa 2021
  • rls on Cara Mendapatkan Canva Pro Gratis Melalui Github Education Dengan Email Mahasiswa 2021

ARSIP

KATEGORI

  • Cerita (1)
  • Desain (5)
  • Jaringan (1)
  • Pemrograman (5)
    • Laravel (2)
    • Tutorial HTML Dasar (2)
  • Perkuliahan (1)
  • Solusi (14)
  • Umum (11)

Tags

Adobe AdobeXD Ajax Bigjpg bot Canva Canva Pro Canva Pro Gratis CSS Desain Grafis ENSP Figma Google Drive Google Takeout Gratis Handbrake HTML HUAWEI Icons8 Internet Security Investasi jQuery K-Drama Kamera Laravel Logika PEMROGRAMAN Phising Photoshop Review Serial Cina Serial Korea sosmed Spam Telepon SSL TBA Telkomsel Tutorial TV Indonesia TV Streaming twitter Video Waifu2x Webcam windows 11
DMCA.com Protection Status

Flag Counter

Copyright © 2023 · awiez.com