İçerik
- 01. Gmail'i basitleştirin
- 02. Spektrum
- 03. CSS Taraması 2.0
- 04. Amino
- 05. Cızırtılı
- 06. Site Paleti
- 07. Kontrol Robotu
- 08. Toby
- 09. DomFlags
- 10. Son Derece Fosforlu Kalem
Chrome’un Geliştirme Araçları harikadır, ancak web tasarımını ve geliştirmeyi kolaylaştırmak için internet tarayıcınıza daha da heyecan verici özellikler eklemek mümkündür.
Elbette, işleri hızlandırmak için bir sürü başka araç var, favori web tasarım araçları gönderimize bakın. Şimdilik, web tasarımcıları ve geliştiricileri için favori Chrome uzantılarımızdan 30'unu burada bulabilirsiniz.
01. Gmail'i basitleştirin
Gmail’in kendi iyiliği için biraz fazla dağınık olduğunu fark ediyorsanız, son birkaç yılda içine sızan tüm enkazları ve kötü kullanıcı arayüzü kararlarını ortadan kaldıran Gmail’i Basitleştir’e merhaba deyin. Gmail’in eski baş tasarımcısı Michael Leggett tarafından oluşturulmuş, tüm dikkat dağıtıcı karmaşadan kurtulur ve size daha sade ve işlevsel bir sürüm sunar.
02. Spektrum
Bir tür renk körlüğü dünya çapında yaklaşık 200 milyon insanı etkiliyor, ancak onlara yemek servisi genellikle tasarımcıların erişilebilirlik kontrol listesinde düşük seviyede kalıyor. Ancak Spectrum ile sitenizi farklı renk görme yetersizliği türlerine karşı hızla test edebilir ve her şeyin net olduğundan emin olabilirsiniz.
03. CSS Taraması 2.0
Chrome’un Geliştirme Araçları, bir sitenin nasıl çalıştığını görmek için kaputun altını kontrol etmenin kullanışlı bir yoludur, ancak bakmak istediğiniz CSS ise CSS Scan 2.0 daha da kolaydır. Herhangi bir öğenin üzerine gelin ve CSS'si bir açılır görünümde görünerek, tek bir tıklamayla kurallarını kopyalamanıza olanak tanır. Kendi kullanımınıza uyarlamak için temalardan veya şablonlardan belirli öğeleri kopyalamak için kullanabilirsiniz ve kendi kodunuzda hata ayıklamak için harikadır.
04. Amino
İşte başka bir harika CSS aracı. Amino, tarayıcıda stil sayfaları oluşturmanıza ve bunları gerçek zamanlı olarak web sitelerine uygulamanıza izin veren canlı bir CSS düzenleyicidir. Ziyaret ettiğiniz herhangi bir sitede kalıcı tasarım değişiklikleri yapmanıza etkili bir şekilde olanak tanır ve Google hesabınızla Chrome'da oturum açarsanız, stil sayfaları senkronize edilerek tüm masaüstü cihazlarınızda Chrome'dan erişilebilir hale gelir.
05. Cızırtılı
Duyarlı web tasarımı bugünlerde veriliyor ve tasarımlarınızı birden çok görünüm alanında kontrol etmenin basit bir yolunu istiyorsunuz, Sizzy’ye bakmaya değer. Size sayfanızın birkaç farklı cihaz ekranı boyutunda oluşturulan etkileşimli bir görünümünü gösterir ve ayrıca simüle edilmiş bir cihaz klavyesini gösterebilir ve gizleyebilir ve dikey ve yatay modlar arasında geçiş yapabilirsiniz.
06. Site Paleti
Bir dahaki sefere renkten harika bir şekilde yararlanan bir site gördüğünüzde bundan yararlanmanın basit bir yolu var. Site Paleti, bir web sitesinden ana renkleri çıkarır ve ortak çalışanlara kolayca gösterebileceğiniz paylaşılabilir bir palet oluşturur. Ayrıca bir Sketch şablonu indirebilirsiniz ve Adobe Swatch desteği de vardır.
07. Kontrol Robotu
Sitenizdeki tüm bağlantıların gerçekten çalıştığından emin olmak, anında kullanılabilirlik kazanımıdır ve SEO'nuzu geliştirmek için de iyi bir yoldur. Checkbot, bozuk bağlantıları, yinelenen başlıkları, yönlendirme zincirlerini, geçersiz HTML / JS / CSS'yi ve daha fazlasını kontrol eden bir Chrome uzantısıdır, böylece sitenizi kötü bağlantılar açısından hızlı bir şekilde denetleyebilir ve bunları düzeltebilirsiniz.
08. Toby
Chrome'u birkaç saat açık tuttuğunuzda, küçük parmağınızın genişliğinde kafa karıştırıcı bir sekme yuvası olacağı evrensel olarak kabul edilen bir gerçektir. Toby, onları evcilleştirmenin harika bir yoludur; bununla, tüm bu sekmeleri, çok sayıda yer imine alternatif olarak bağlantı koleksiyonları halinde düzenleyerek, yönetilmesini çok daha kolay hale getirebilirsiniz.
09. DomFlags
DOM öğeleri için klavye kısayolları oluşturmanıza olanak tanıyan gerçekten harika bir uzantı olan DomFlags ile öğeleri şekillendirme işlemlerini kökten hızlandırın. DOM'da gezinmek için yer imlerine sahip olmak gibidir; bu, DevTools ile çalışma şeklinizi değiştirecektir.
10. Son Derece Fosforlu Kalem
İnsanları bir tartışmaya dahil etmenin ilginç bir yolu şudur: Web'deki makalelerden önemli anları paylaşmanıza izin verir, böylece en önemli yazı parçalarına dikkat çekebilirsiniz.
Sonraki: 10 Chrome uzantısı daha