Teknoloji

Chrome için En İyi 8 Web Geliştirme Uzantısı

Yazar

28 Aralık 2020

225

Bir web sitesi geliştirirken, birçok karmaşık gereksinimden oluşan bir kontrol listesi yapmanız gerekir. Renk veya yazı tipi şemaları, CSS mizanpaj sorunları veya çeşitli cihazlarda web sitesi yanıt verme ile uğraşırken, ortaya çıkan sorunların üstesinden gelmek önemlidir. Aşağıdakiler, Google Chrome (ve diğer Chromium tabanlı tarayıcılar) için en iyi web geliştirme uzantılarından bazılarıdır.

Bir web geliştiricisi olarak, tasarladığınız şeyin herhangi bir cihaza veya tarayıcıya uyarlanabildiğinden emin olmak istersiniz. Başlangıç olarak, Google Chrome bu listenin başında olmalıdır.

Bu yazımızda web tasarımcılar ve geliştiriciler için günlük görevlerine faydalı olacağını düşündüğümüz en iyi Google Chrome uzantılarını aktardık…

1. ColorPick Eyedropper

Rastgele bir web sayfasının renk düzeninden hoşlanıyor musunuz ve bunu kendi projenizde kullanmak mı istiyorsunuz? Color Pick “Eyedropper” adlı bir Chrome uzantısı , renkleri kesin doğrulukta ve ayarlanabilir bir yakınlaştırma özelliğiyle çıkarmanıza olanak tanır.

Bunun gibi uzantılar, renk çıkarma işlemini gerçekleştirmek için tüm web sitelerinde izin gerektirir. Biraz daha gelişmiş özellikler istiyorsanız, Gradient oluşturucu, palet görüntüleyici ve renk geçmişi ile birlikte gelen ColorZilla adlı benzer bir araç var .

2. Blipshot: one click full page screenshots

Tam sayfa bir web ekran görüntüsü almak, günlük çalışmanın bir gereğidir. Bazen tasarım değişikliklerinizi iletmenin en iyi yolu, web sitesinin tamamını olduğu gibi yakalamaktır. ” Blipshot: one click full page screenshots ” adlı bir uzantı ile bunu tam olarak elde edebilirsiniz.

Ekran yakalama işlemi devam ederken, tamamlanan kaydırma resminiz tamamlandığında yeni bir pencerede açılacaktır.

Tüm web sayfası ekranı artık PNG formatında indirilebilir. Görüntü ekranına filtreler, web sayfası üzerinde çizim, metin ekleme ve daha fazlasını içeren bir dizi efekt de uygulayabilirsiniz.

3. EditThisCookie

Web geliştiricilerinin tanımlama bilgilerini eklemek, silmek, düzenlemek, korumak ve engellemek için tanımlama bilgisi yöneticilerine erişmeleri gerekir. EditThisCookie , çerezlerle istediğiniz gibi çalışmanıza ve bunları JSON biçiminde dışa aktarmanıza veya içe aktarmanıza olanak tanıyan kullanışlı bir uzantıdır. Bu, eski çerezleri kaldırarak ve herhangi bir çerezin maksimum ayıklama tarihini sınırlayarak web sitesini sağlıklı tutmanıza yardımcı olur.

4. ModHeader

ModHeader , web sayfası HTTP başlıklarını değiştirmek için en popüler Chrome uzantılarından biridir. Yalnızca bir veya iki tıklama kullanarak, URL veya kaynak türüne göre başlık değiştirmeyi etkinleştirebilirsiniz. En iyi bölüm, birden çok profil oluşturabilmeniz ve değiştirilen başlıklara farklı değerler ekleyebilmenizdir. Tüm değişiklikler yalnızca bir sekme veya sitenin tamamı ile sınırlandırılabilir.

5. UX Check

Hepimiz zaman zaman çalışan web sitesinin sezgisel bir değerlendirmesine ihtiyaç duyarız. Bu, bir yan bölmede tüm UX ile ilgili geri bildirimleri görüntüleyen bir uzantı olan UX Check ile kolaylaştırılmıştır . Sizin tarafınızdan değerlendirilen bir buluşsal yöntemle eşleşmeyen bir öğeye tıkladıktan sonra, notlar ekleyebilir ve ekran görüntüleri alabilirsiniz. Son olarak, tüm değişiklikler .docx formatında dışa aktarılabilir.

6. Window Resizer

Web geliştiricilerinin farklı ekran boyutları için web sayfalarını taklit etmeleri gerekir. Window Resizer ile bu değerlendirmeleri dizüstü bilgisayarlar, tabletler, akıllı telefonlar ve seçtiğiniz herhangi bir ekran boyutu için kolayca yapabilirsiniz.

Araç, bir dizi görsel özelleştirme işlevinin yanı sıra “Döndür” ve “Canlı Ölçüm” gibi bazı harika özelliklere sahiptir. Gerçekten duyarlı bir web sitesi oluşturmak istiyorsanız, tüm ekran boyutları için görünümünü çapraz kontrol ettiğinizden emin olun.

7. lorem ipsum oluşturucu

İşi bir web sayfasında hızlı bir şekilde bitirmek için varsayılan metne ihtiyacınız var. Lorem Ipsum Generator adlı bir uzantı , paragraf başına değişen paragraflar ve cümlelerden oluşan çok sayıda varsayılan metin seçeneği sunar. Bir “Otomatik seçim” seçeneğini kullanarak metin parçalarını veya tüm metni seçebilirsiniz. Son şablon, metindeki varyasyon olasılıkları nedeniyle zarif bir görünüm verir.

8. WhatFont

WhatFont , bir web sayfasındaki farklı yazı tipi türlerini tanımlamanın en hızlı ve en kolay yollarından biridir. Ayrıntılarının tamamını görmek için metnin yanına gelmeniz yeterlidir. TypeKit ve Google FontAPI gibi gelişmiş şablonları destekler.