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

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

01. DomFlags

DomFlags, DOM elementleri için klavyede kısayol oluşturmanızı elde eden mükemmel bir eklenti. DOM’u rahatça yönlendirebilmeniz için yer imlerine haiz olduğunuzu düşünün! DevTools ile emek harcama şeklinizi tamamen değiştirecek.

02. Highly Highlighter

Highly, sektörel konuşmalara katılım sağlamanın mükemmel bir yolu. İnsanları bir münakaşa ya da konuşmaya çekmenin garip bir yolunu sunan Highly, internetteki yazılardan mühim noktaları paylaşmanızı sağlıyor. Böylece bir yazının en mühim 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’ı oldukça daha iyi bir hale getiriyor.

04. CSS-Shack

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

05. Marmoset

Bu mükemmel eklenti kodunuzu alarak demolarınız ve mockuplarınız için süratli resimler oluşturacak. Ek olarak ç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ı kontrol etmeniz gerekebilir. Aynı eylemi yeniden yeniden yapmak yorucu bir süreç olabilir. iMacros, yalnız bir kere yapmak suretiyle eylemlerinizi kaydetmenizi ve saklamanızı elde eden kullanışlı bir Chrome eklentisi. Bundan sonrasında sayfalarınızı yalnızca bir butona tıklayarak onlarca defa kontrol edebilirsiniz. Böylece süre kazanarak başka mevzulara odaklanabilirsiniz.

07. Font Playground

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

08. Window Resizer

Bu Chrome eklentisi, yalnız söylediğini yapıyor. Kısaca responsive web site tasarımınıza destek olmak için tarayıcı pencerenizi tekrardan boyutlandırıyor. Listede yer edinen popüler ekran boyutları içinde seçim yapabilir ya da hususi boyut ve çözünürlük ekleyebilirsiniz.

9. Project Naptha

Eğer kendinizi iliştirilimiş/gömülmüş bir metne haiz mockup görsel üstünde çalışırken buluyorsanız, Project Naptha sizi bu hafifçe hastalık verici dünyadan kurtarıyor. İşin için birazcık OCR kandırmacası katarak herhangi bir görseldeki yazıyı koyalayıp yapıştırmanıza olanak sağlıyor. Hatta sizin için tercüme 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. Kısaca gelecek projelerinizde kullanmak için stumble upon’da heybetli bir web fontu arıyorsanız, kısa bir gezinti sonrası bulduğunuz fontun anında hangi font bulunduğunu bulabileceksiniz.

11. Yslow

Bu vasıta yalnız web sitenizin ne kadar süratli yüklendiğini denetim etmiyor bununla birlikte siteyi neyin yavaşlattığını da söylüyor. Yslow Yahoo’nun performans ekibi tarafınca hazırlanan 34 kuralın 23’üne karşı sitenizi denetim ediyor. Internet sayfalarını çözümleme etmek için oldukça kullanışlı bir vasıta ve performansı arttırmak için yapmış olduğu tavsiyeler de oldukça yerinde.

12. Web Developer

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

13. Page Ruler

Page Ruler her hangi bir internet sayfasındaki elementleri eksiksiz olarak ölçümleyen ve size yarar sağlayacak bir halde onları manipüle eden mükemmel bir vasıta.

14. Web Developer checklist

Bu vasıta web sitenizi mevzu SEO, kullanılabilirlik, erişebilirlik ve performans (sayfa hızı) olduğunda en iyi şekilleri izleyerek denetim etmenizi sağlıyor. Kısaca bir web sayfasında H1 etiketiniz yoksa ya da meta başlığını ya da mea tanımını unuttuysanız sizi uyararak bu problemi hızlıca çözmenizi sağlıyor. Daha detaylı bir sıralama için “more info anda help” linkine tıklamanız kafi oluyor.

15. DevTools Autosave

Tüm web yazılımcılar için gerçek bir gömü! DevTools AutoSave, bir web sayfasının Chrome Dev Tools ortamında kaynak dosyasında CSS ve JS’sinde değişim yaptığınız takdirde bu değişimleri otomatikman kaydedebilmenizi sağlıyor. Kurması ve kullanımı kolay. Üstelik size oldukça çok süre kazandırıyor.

Leave a Reply

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir