Web Tasarım

En İyi Chrome Eklentileri

Merhabalar, ben bir web tasarımcı olarak Google Chrome kullanıyorum, Neden mi?
Çünkü hızlı, kullanımı kolay, güvenli, son derece özelleştirilebilir ve kendi eklenti mağazası olduğu için.

Eğer Google Chrome kullanmıyorsanız, biran önce geçmelisiniz, en azından kısa süreliğine de olsa kurup 1 hafta kadar kullananın kullanım rahatlığını anlayacaksınız.

Google Chrome mağazası verimliliği ve genel iş akışını artıracak eklentiler ile doludur. Yani, hayatınızı kolaylaştırmak bu araçları deneyebilirsiniz.

En iyi tarafı da hepsi ücretsiz!

webstore-consumer

Web geliştiriciler ve web tasarımcılar için kullanılabilecek en iyi eklentileri sizin için seçtik;

1. FireBug

FireBug iyi bilinen bir Firefox ve Chrome eklentisidir. Bu eklenti hata ayıklamak ve html düzenlemek için yararlı olur. Ayrıca herhangi bir web sayfası için JavaScript, HTML, CSS ve canlı olarak görüntüleyip düzenlemenizi sağlar.

[fresh_button url=”https://getfirebug.com/releases/lite/chrome/” size=”small” color=”red” target=”_blank” class=””]İndir ve Kur[/fresh_button]

2. WhatFont

WhatFont tasarımcılar için sitelerde kullanılan yazı fontlarının ne olduğunu örğenmenizi sağlayan kullanışlı bir eklentidir.

[fresh_button url=”https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm” size=”small” color=”red” target=”_blank” class=””]İndir ve Kur[/fresh_button]

3. Chrome Sniffer

Bu eklenti Geçerli tarama web üzerinde çalışan web çerçeve / CMS ve javascript kütüphanesi incelemek için web geliştirici yardımcı olacaktır. Bir simge adres çubuğunda belirecektir tespit edilen dosyaları gösterir. Şu anda, bu eklenti 100’den fazla popüler CMS ve javascript kütüphaneleri algılayabilir.

[fresh_button url=”https://chrome.google.com/webstore/detail/chrome-sniffer/homgcnaoacgigpkkljjjekpignblkeae?hl=tr” size=”small” color=”red” target=”_blank” class=””]İndir ve Kur[/fresh_button]

4. Code Cola

Code Cola kullanıcıların görsel olarak CSS düzenleme olanağı sağlar. Bir web sayfasında ilgili alana tıklayıp,  kolayca CSS düzenlemek anlamına gelir. Bu potansiyel tasarımcılar  için çok kullanışlı bir eklentidir.

[fresh_button url=”https://chrome.google.com/webstore/detail/chrome-sniffer/homgcnaoacgigpkkljjjekpignblkeae?hl=tr” size=”small” color=”red” target=”_blank” class=””]İndir ve Kur[/fresh_button]

5. ColorZilla

ColorZilla bir degrade jeneratör ile birlikte renk seçici, damlalık içerir. Biraz daha gelişmiş renk araçları da vardır. Bir web sayfasının herhangi bir bölümünün HTML renk belirlemek ve renk seçici olarak kullanabilirsiniz ve özel bir palet için bu renk kaydedebilirsiniz.

[fresh_button url=”http://www.colorzilla.com/chrome/” size=”small” color=”red” target=”_blank” class=””]İndir ve Kur[/fresh_button]

6. Tape

Tape, sayfa düzeni mükemmel olmasını sağlamak isteyen tasarımcılar için idealdir. Kolayca sayfanın içeriğine kılavuzları yerleştirir ve bir cetvel gibi kullabilirsiniz, Artık elemanlarının boyutlarını belirlemek tek tek ölçmenize gerek yok.

[fresh_button url=”https://chrome.google.com/webstore/detail/tape/jmfleijdbicilompnnombcbkcgidbefb?hl=tr” size=”small” color=”red” target=”_blank” class=””]İndir ve Kur[/fresh_button]

7. Resolution Test

Web tasarımcıları ve geliştiricileri farklı çözünürlüklerde web sitelerini denemesi gerekir, Chrome için Çözünürlük Testi eklentisi kullanıcıların farklı çözünürlüklerde kendi web sitesi görüntüleyerek test etmesine yardımcı olur.

[fresh_button url=”https://chrome.google.com/webstore/detail/resolution-test/idhfcdbheobinplaamokffboaccidbal?hl=tr” size=”small” color=”red” target=”_blank” class=””]İndir ve Kur[/fresh_button]

8. Speed Tracer

Hiç web sitesi yavaş yükleniyor ve nasıl çözeriz acaba durumu oldu mu? Bu durumda size Speed Tracer yardımcı olabilir. Speed Tracer ile JavaScript, CSS ve daha bir çok nedenden kaynaklanan sorunları bulabilirsiniz.

[fresh_button url=”https://developers.google.com/web-toolkit/speedtracer/” size=”small” color=”red” target=”_blank” class=””]İndir ve Kur[/fresh_button]

9. Lorem Ipsum Generator

Sizin için seçtiğiniz alana boş yazı doldurur, böylelikle metin kopyalamanıza gerek kalmaz.

[fresh_button url=”https://chrome.google.com/webstore/detail/lorem-ipsum-generator/dmpfoncmmihgkooacnplecaopcefceam?hl=tr” size=”small” color=”red” target=”_blank” class=””]İndir ve Kur[/fresh_button]

10. Internet Explorer Tab

İsmindende anlaşılacağı gibi hazırladığınız web sitelerini internet explorer’ın farklı sürümlerinde test edebilmenizi sağlar, böylelikle tüm web tarayıcılarına uygun bir web sitesi geliştirmiş olursunuz.

[fresh_button url=”https://chrome.google.com/webstore/detail/ie-tab/hehijbfgiekmjfkfjpbkbammjbdenadd?hl=tr” size=”small” color=”red” target=”_blank” class=””]İndir ve Kur[/fresh_button]

11. Awesome Screenshot
Bu program ile web sayfalarındaki düzeltilecek alanları seçip resim olarak kaydedebilirsiniz, özellikle birlikte çalıştığınız projelerde resim üzerinde hızlıca düzeltilecek yerleri işaretleyerek arşınızdaki kişiye anlaşılır görsel açıklama sunmuş olursunuz.

[fresh_button url=”https://chrome.google.com/webstore/detail/awesome-screenshot-captur/alelhddbbhepgpmgidjdcjakblofbmce” size=”small” color=”red” target=”_blank” class=””]İndir ve Kur[/fresh_button]

2 Yorumla En İyi Chrome Eklentileri

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.