Bugün, tasarımcılar ve geliştiriciler için özenle hazırlanmış 12 Chrome uzantısı listemi paylaşıyorum. Bunun benim uzmanlık alanım olduğu için heyecanlıyım, o yüzden hemen konuya geçelim.
1. Büyük Askı
The Great Suspender, Chrome'un kullandığı bellek miktarını en aza indiren ücretsiz ve açık kaynaklı bir Google Chrome uzantısıdır. Bunu, uykuda olan sekmeleri otomatik olarak askıya alarak yapar.Kaputun altında yaptığı şey, hareketsiz web sayfalarını grafiklerinden, JS'den vb. çıkarmaktır.
Büyük Askı Chrome Uzantısı
2. UX Kontrolü
UX Kontrolü Chrome Uzantısı, hızlı ve kolay bir buluşsal değerlendirme yoluyla kullanılabilirlik sorunlarını tanımanıza yardımcı olur.
İş akışı basittir. Nielsen'in On Heuristics aracını Chrome Dev araçlarıyla olduğu gibi bir yan panelde başlatmak için simgeye tıklayın . Değerlendirmeyi geçemeyen herhangi bir öğeye tıklayarak not ekleyebilir, ekran görüntüsü alabilir ve kolay paylaşım için docx dosyası olarak dışa aktarabilirsiniz.
UX Chrome Uzantısını Kontrol Edin
3. Göz Damlalığı
Göz Damlalığı bana göre en harika renk toplama aracı.2 sekme içerir – Damlalık ve Soğutucu seçici. Damlalık aracı, herhangi bir web sayfasından renk seçmenize izin verirken, renk seçici aracı, özel renkler seçmenize olanak tanır.
Web sayfalarından veya renk seçici sekmesinden seçilen renkler, CSV dosyası olarak indirebileceğiniz bir palete otomatik olarak kaydedilir. Ayrıca Damlalık, tüm renkleri RGB, HSL, HEX kodlarında ve ada göre görüntüler ve klavye kısayollarını destekler.
Göz Damlalığı Chrome Uzantısı
4. FontFace Ninja
FontFace Ninja, herhangi bir web sitesindeki herhangi bir yazı tipiyle ilgili bilgileri görüntüleme yeteneğine sahiptir. Ücretsiz yazı tipleri için indirme bağlantıları ve ücretli yazı tiplerinin fiyatlarını görüntüleme seçeneği içerir.
FontFace Ninja ayrıca karanlık modu kullanma, resimlerdeki yazı tiplerini algılama (beta) ve yer imi seçeneklerini görüntüleme seçeneklerine sahiptir.
FontFace Ninja Chrome Uzantısı
5. Sayfa Cetveli
Sayfa Cetveli, web sayfalarındaki genişlikleri ve yükseklikleri ölçmenizi sağlayan minimalist bir cetvel uzantısıdır. Birkaç klavye kısayolu, üst ve alt öğeler arasında gezinme, ölçüm yönergeleri ve 10 dilde yerelleştirme özelliklerine sahiptir.
Sayfa Cetveli Chrome Uzantısı
6. Facebook Video İndirici
FB Down, Facebook'tan ve video oynatma ile diğer herhangi bir sayfadan kolayca video indirebilir. Belirli telif hakkıyla korunan videolar da dahil olmak üzere tüm popüler medya biçimlerini indirmek için kullanabilirsiniz (videoyu ses olmadan indirmeyi seçtiğinizde).
FB Down, web sayfalarında bir bağlantı algılayıcı görevi görür ve indirilebilir içeriği gördüğünde simge yanar.
Facebook Video İndirici Chrome Uzantısı
7. Mükemmel Piksel
PerfectPixel WellDoneCode tarafından, mükemmel piksel web siteleri oluşturmak için en iyi uzantıdır. Resimleri, geliştirme sitesiyle karşılaştırabileceğiniz kaplamalar olarak ayarlamanıza olanak tanır. Klavye kısayollarını, yarı şeffaf görüntü bindirmeyi ve daha fazlasını destekler.
PerfectPixel Chrome Uzantısı
8. TinEye
TinEye mükemmel bir ters görüntü arama aracıdır ve anahtar kelimeler, meta veriler veya filigranlar yerine görüntü tanımlama teknolojisini uygulayan ilk araçtır. Görüntüler için benzersiz dijital imzalar oluşturarak çalışır ve ardından imzaları kendi dizinindeki imzalarla karşılaştırır.
TinEye, arama sonuçlarında yalnızca benzer görselleri döndürmekle kalmaz, aynı zamanda kırpılmış, yeniden boyutlandırılmış ve düzenlenmiş sürümler hariç tam eşleşmeler getirir.
TinyEye Chrome Uzantısı
9. CSS Biber
CSS Pepper, CSS'yi (gizli nesneleri bile) çıkarmanıza ve iyi düzenlenmiş bir şekilde güzel stil kılavuzları oluşturmanıza olanak tanır. Bu, tasarımcıların ve geliştiricilerin kod aramak yerine tasarım üzerinde çalışarak zaman geçirmelerini sağlar.
CSS Pepper Chrome Uzantısı
10. WhatRuns
WhatRuns size çerçeveler, temalar, yazı tipleri, CMS vb. dahil herhangi bir web sitesinde çalışan her şey hakkında bilgi verir.
Ayrıca, uzantının yeni teknolojiler eklendiğinde sizi bilgilendirmesi için web sitelerini takip edebilirsiniz.
WhatRuns Chrome Uzantısı
11. Muzli
Muzli, binlerce güzel, ilham verici tasarımı yeni bir sekme değiştirme biçiminde doğrudan tarayıcınıza getiren ücretsiz bir uzantıdır .
Her yeni sekme açtığınızda Muzli, InVision, Muzli, Dribble, Product Hunt, CNN, CSS Author, vb. dahil olmak üzere 120'den fazla kaynaktan en güzel tasarımlardan bazılarıyla doldurur! Bu tasarımcılar için bir mücevher.
Muzli Chrome Uzantısı
12. Boyutlar
Dimensions, sayfa öğeleri arasındaki mesafeleri ölçmenin akıllı bir yolunu sunan ücretsiz ve açık kaynaklı bir uzantıdır.
Resim ve HTML öğelerinin boyutlarını farenizi göreli olarak sürükleyip gezdirerek bulun. Çalışmak için klavye kısayollarını da kullanabilirsiniz - en iyi deneyimi yaşamak için Chrome uzantıları listesinin sonunda bir klavye kısayolu ayarlamayı unutmayın.
Dimensions Chrome Uzantısı
Hakkında bilmeniz gereken başka uzantılar da var, örn. Checkbot, bozuk bağlantıları, güvenli olmayan sayfaları, geçersiz HTML/CSS/JS'yi, yinelenen başlıkları ve diğerlerini kontrol ederek SEO itibarınızı ve web sitenizin genel hızını ve güvenliğini artırmayı amaçlar. geliştirme sırasında fark etmeyebileceğiniz sorunlar.
Ve Bağlantılarımı Kontrol Edin, kırık bağlantı olmadığından emin olmak için web sayfalarınızda gezinir – bu ücretsizdir ancak eskisi kadar değil güçlü.
Tasarımcılar ve geliştiriciler için bilmemiz gereken harika uzantılarınız var mı? Bunları aşağıdaki yorumlar bölümüne ekleyin.