x

Tasarımcılar ve yazılım geliştiriciler için 15 Chrome eklentisi

Tasarımcılar ve yazılım geliştiriciler için 15 Chrome eklentisi

Tasarımcı ve yazılımcılar için faydalı olabilecek 15 Chrome eklentisini sizler için derledik. 

01. DomFlags

DomFlags, DOM elementleri için klavyede kısayol oluşturmanızı sağlayan harika bir eklenti. DOM’u rahatça yönlendirebilmeniz için yer imlerine sahip olduğunuzu düşünün! DevTools ile çalışma şeklinizi tamamen değiştirecek.

02. Highly Highlighter

Highly, sektörel konuşmalara katılım sağlamanın harika bir yolu. İnsanları bir tartışma ya da konuşmaya çekmenin ilginç bir yolunu sunan Highly, internetteki makalelerden önemli noktaları paylaşmanızı sağlıyor. Böylece bir yazının en önemli kısmına dikkat çekebiliyorsunuz.

03. Booom

Booom ile daha iyi bir Dribble deneyimi yaşayabilirsiniz. Booom, daha geniş görselleri listeler halinde sunarak, listelere “Like” ve “Add to Bucket” butonlarını yerleştirerek, GIF autoplay’i yaparak ve sonsuz kaydırma seçeneğini sunarak Dribble’ı çok daha iyi bir hale getiriyor.

04. CSS-Shack

Bu güçlü Chrome eklentisi tasarımlar yapmanıza ve CSS dosyasına dönüştürerek sitenizde kullanmanıza olanak sağlıyor.Katmanları destekliyor ve düzenli olarak kullandığını fotoğraf editöründe kullandığınız araçlardan bolca bulunduruyor.

05. Marmoset

Bu harika eklenti kodunuzu alarak demolarınız ve mockuplarınız için hızlı resimler oluşturacak. Ayrıca çevrim içi portfolyonuz ve tanıtım görselleri yaratmanız için temalar ve efektler de ekleyebiliyorsunuz.

06. iMacros for Chrome

Bir web yazılım geliştiricisi olarak web sayfalarınızı test etmeniz gerekebilir. Aynı eylemi tekrar tekrar yapmak yorucu bir süreç olabilir. iMacros, sadece bir kere yapmak üzere eylemlerinizi kaydetmenizi ve saklamanızı sağlayan kullanışlı bir Chrome eklentisi. Bundan sonra sayfalarınızı yalnızca bir butona tıklayarak defalarca test edebilirsiniz. Böylece zaman kazanarak başka konulara odaklanabilirsiniz.

07. Font Playground

Bu eklenti her tasarımcı ve yazılımcı için paha biçilmez olacaktır. Font Playground, yerel fontlarla ve tüm Google fontlarıyla gerçek bir değişiklik yapmanıza gerek olmadan, yayına alınmış bir web sitesinde denemeler yapmanızı sağlıyor.Bu eklentinin güzelliği tüm farklı font genişliklerine, stillerine ve yazı efektlerine sahip olması. Böylece değişiklikleri yapmadan önce web sitenizde bu değişiklikleri önizleme halinde görüntüleyebiliyorsunuz.

08. Window Resizer

Bu Chrome eklentisi, sadece söylediğini yapıyor. Yani responsive web site tasarımınıza yardımcı olmak için tarayıcı pencerenizi yeniden boyutlandırıyor. Listede yer alan popüler ekran boyutları arasında seçim yapabilir ya da özel boyut ve çözünürlük ekleyebilirsiniz.

9. Project Naptha

Eğer kendinizi iliştirilimiş/gömülmüş bir metne sahip mockup görsel üzerinde çalışırken buluyorsanız, Project Naptha sizi bu hafif rahatsızlık verici dünyadan kurtarıyor. İşin için biraz OCR kandırmacası katarak herhangi bir görseldeki yazıyı koyalayıp yapıştırmanıza olanak sağlıyor. Hatta sizin için çeviri bile yapabiliyor.

10. What Font

Oldukça kullanışlı bir Chrome eklentisi olan What Font yazılımcılara ve tasarımcılara bir web sayfasında kullanılan fontları tanımlama imkanı susuyor. Yani gelecek projelerinizde kullanmak için stumble upon’da gösterişli bir web fontu arıyorsanız, kısa bir gezinti sonrası bulduğunuz fontun anında hangi font olduğunu bulabileceksiniz.

11. Yslow

Bu araç sadece web sitenizin ne kadar hızlı yüklendiğini kontrol etmiyor aynı zamanda siteyi neyin yavaşlattığını da söylüyor. Yslow Yahoo’nun performans ekibi tarafından hazırlanan 34 kuralın 23’üne karşı sitenizi kontrol ediyor. Web sitelerini analiz etmek için çok kullanışlı bir araç ve performansı arttırmak için yaptığı öneriler de çok yerinde.

12. Web Developer

Bir web yazılımcısı olarak şimdiye kadar bu eklenti olmadan nasıl yaşadığınızı sorgulayabilirsiniz. Chrome bir araç çubuğu ekleyerek web yazılımcılar için kullanışlı olan fazla sayıda araç yerleştiriyor.

13. Page Ruler

Page Ruler her hangi bir web sitesindeki elementleri eksiksiz olarak ölçümleyen ve size fayda sağlayacak bir biçimde onları manipüle eden harika bir araç.

14. Web Developer checklist

Bu araç web sitenizi konu SEO, kullanılabilirlik, erişebilirlik ve performans (sayfa hızı) olduğunda en iyi yöntemleri izleyerek kontrol etmenizi sağlıyor. Yani bir web sayfasında H1 etiketiniz yoksa ya da meta başlığını ya da mea tanımını unuttuysanız sizi uyararak bu sorunu hızlıca çözmenizi sağlıyor. Daha detaylı bir liste için “more info anda help” linkine tıklamanız yeterli oluyor.

15. DevTools Autosave

Tüm web yazılımcılar için gerçek bir hazine! DevTools AutoSave, bir web sayfasının Chrome Dev Tools ortamında kaynak dosyasında CSS ve JS’sinde değişiklik yaptığınız takdirde bu değişiklikleri otomatik olarak kaydedebilmenizi sağlıyor. Kurması ve kullanımı kolay. Üstelik size oldukça fazla zaman kazandırıyor.

Yorumlar (0)