Situs Web Kumpulan Artikel Teknologi

10 Ekstensi Chrome Terbaik Google Untuk Web Developer

156

Web-browser adalah jembatan yang menghubungkan manusia ke internet. Seperti internet, browser Chrome juga mengalami perubahan dalam beberapa tahun terakhir! Dari aplikasi hanya untuk mengakses internet dan melengkapi dengan fitur plug-in dan kemampuan ekstensi, browser saat ini telah menjadi lebih canggih daripada sistem operasi itu sendiri.

Jangan Lupa Untuk Bagikan Artikel Ini. Terima Kasih.

Tidak hanya untuk pengguna, browser yang penting bagi pengembang web juga. Browser berfungsi sebagai dasar pengujian utama untuk pengembang web di mana situs web mereka aktif, mengkompilasi dan memodifikasi halaman web sebelum membuat situs web Anda online.

Ketika menggunakan web-browser, Google Chrome adalah salah satu web-browser terkenal. Google Chrome adalah fitur web browser yang penuh dengan seluruh fitur plug-in dan mini-aplikasi yang memperluas kemampuan dan membiarkan pengguna menyesuaikan seperti yang mereka inginkan.

Google Chrome app store adalah rumah bagi ribuan plug-in dan mini-apps. Untuk menyederhanakan hidup Anda. Salah satunya adalah plug-in untuk pengembangan web terbaik yang terdiri dari 10 daftar plugin Google Chrome penting bagi pengembang web.

WHATFONT
Ada jutaan font yang tersedia di internet. Menyadari banyaknya font ini akan membingungkan bahkan untuk para desainer web paling berpengalaman untuk pengembang web sendiri.

10-ekstensi-chrome-terbaik-google-untuk-web-developer-a

WhatFont menyelesaikan masalah ini dengan solusi yang efisien. Yang perlu Anda lakukan adalah melakukan hover pointer mouse pada teks dan nama font akan muncul.

EKSTENSI CHROME TERBAIK WEB DEVELOPMENT – WHATFONT

RULER
Berapa kali Anda mengambil bantuan dari aplikasi seperti Photoshop untuk mengelola elemen pada halaman Anda? Cukup banyak, kan? Dengan Ruler, merapikan desain web menjadi sesuatu dari masa lalu.

10-ekstensi-chrome-terbaik-google-untuk-web-developer-b

Dapatkan penempatan pixel yang sempurna dari semua elemen web Anda dengan menggunakan Ruler vertikal dan horizontal draggable, memberikan warna kustom denga Ruler, melihat pixel by pixel atau stroke menggunakan keyboard dan mouse dengan Ruler.

EKSTENSI CHROME TERBAIK WEB DEVELOPMENT – RULER

EYEDROPPER
Sama seperti font, menemukan warna yang sebenarnya di halaman web adalah tugas yang sulit. Dengan cara yang manual akan dibutuhkan untuk mengambil screenshot dan menggunakan Photoshop untuk melihat kode hex yang tepat untuk warna.

10-ekstensi-chrome-terbaik-google-untuk-web-developer-c

EyeDropper membawa fungsi ini ke browser web Anda. EyeDropper memungkinkan Anda untuk memilih warna dari halaman web. Yang perlu Anda lakukan adalah klik pada widget untuk memilih alat dan klik pada warna yang Anda ingin ketahui.

EKSTENSI CHROME TERBAIK WEB DEVELOPMENT – EYEDROPPER

STYLEBOT
Stylebot adalah yang dibutuhkan bagi seorang pengembang web yang menjadi kenyataan. Hal ini memungkinkan untuk manipulasi cepat dari semua elemen visual dari sebuah situs web menggunakan CSS kustom.

10-ekstensi-chrome-terbaik-google-untuk-web-developer-d

Hampir setiap elemen (ukuran font, margin, warna, visibilitas dan lainnya) dapat diambil dan dimodifikasi sesuai suasana keinginan seorang pengembang web. Sebuah alat yang hebat untuk debug desain website Anda, Stylebot menawarkan banyak fitur untuk pemula dan pengembang web profesional.

EKSTENSI CHROME TERBAIK WEB DEVELOPMENT – STYLEBOT

RESOLUTION TEST
Salah satu tugas paling menantang dari seorang pengembangan web adalah untuk membuat halaman web yang berjalan optimal di layar dan resolusi yang berbeda ukuran. Untuk memastikan hal ini terjadi, pengujian menyeluruh diperlukan.

10-ekstensi-chrome-terbaik-google-untuk-web-developer-e

Resolution Test memungkinkan pengguna untuk menguji halaman web mereka pada resolusi layar yang berbeda dan ukuran layar pada monitor yang sama. Resolution Test juga memungkinkan pengembang web untuk menentukan resolusi kustom.

EKSTENSI CHROME TERBAIK WEB DEVELOPMENT – RESOLUTION TEST

SPEED TRACER
Sebuah keharusan bagi semua pengembang web, Speed Tracer membantu Anda untuk mengidentifikasi dan memperbaiki masalah kinerja terkait di situs web dan aplikasi web Anda.

10-ekstensi-chrome-terbaik-google-untuk-web-developer-f

Speed Tracer mencari adanya masalah yang disebabkan di parsing JavaScript dan eksekusi, Layout, Timer fires, XML http request callbacks, CSS style recalculation, selector matching dan banyak lagi.

EKSTENSI CHROME TERBAIK WEB DEVELOPMENT – SPEED TRACER

CORPORATE IPSUM
Desain dan teks membentuk tampilan dari sebuah situs web. Corporate Ipsum memungkinkan pengembang web untuk memasukkan teks dummy ke sebuah situs web.

10-ekstensi-chrome-terbaik-google-untuk-web-developer-g

Fitur ini menjadi sangat relevan saat menentukan tata letak situs dan menyajikan bagaimana model situs web bekerja untuk klien Anda.

EKSTENSI CHROME TERBAIK WEB DEVELOPMENT – CORPORATE IPSUM

FIREBUGLITE FOR GOOGLE CHROME
FirebugLite for Google Chrome menyediakan berbagai fitur seperti memeriksa elemen HTML dengan mouse Anda dan CSS sambil memberikan representasi visual yang kaya elemen HTML, elemen DOM dan Box Model shading seperti yang terlihat di Firebug.

10-ekstensi-chrome-terbaik-google-untuk-web-developer-h

EKSTENSI CHROME TERBAIK WEB DEVELOPMENT – FIREBUGLITE

ALEXA TRAFFIC RANK
Sebuah alat yang sangat penting untuk web-developer dan SEO, Alexa traffic rank memberikan informasi lalu lintas atau kepopuleran sebuah situs web dan memberi Anda wawasan rinci dari semua situs web yang Anda kunjungi dengan mudah.

10-ekstensi-chrome-terbaik-google-untuk-web-developer-i

EKSTENSI CHROME TERBAIK WEB DEVELOPMENT – ALEXA TRAFFIC RANK

SCREEN CAPTURE
Analisis sebuah situs web merupakan pekerjaan utama dari seorang pengembang Web. Tugas ini dapat dibuat dengan mudah oleh Screen Capture, alat yang memungkinkan pengguna dan pengembang untuk menangkap semua konten yang tampil atau terlihat pada situs web Anda, atau di tab tunggal, atau daerah tertentu pada halaman web, atau seluruh halaman situs web Anda.

10-ekstensi-chrome-terbaik-google-untuk-web-developer-j

EKSTENSI CHROME TERBAIK WEB DEVELOPMENT – SCREEN CAPTURE

Dan jangan lupa untuk membagikan artikel ini ke teman – teman anda melalui Facebook, Twitter, Google+ dan Pinterest dengan menekan tombol Facebook, Twitter, Google+ dan Pinterest di bawah artikel ini. Dengan membagikan melalui Facebook, Twitter, Google+ dan Pinterest maka anda membantu kami semakin giat menulis artikel yang berguna.

SOURCE CREDIT : –
IMAGE CREDIT : –
YOUTUBE CREDIT : –

Simpan

Simpan

Pin It on Pinterest

Share This

Share This

Share this post with your friends!