Chrome'daki Herhangi Bir Web Sitesine Özel Kılavuz Çizgileri Ekleme

Apple, hem donanım hem de yazılım tasarımı açısından parçalanıyor olabilir, ancak zirvede, düzgün bir şekilde hizalandıysa bir şeyin ne kadar iyi göründüğünü bize öğretti. Mesele şu ki, işler mükemmel bir şekilde sıralandığında daha iyi görünüyorlar ve bu endüstriyel tasarım ve web tasarımı için geçerli. Web sitesi tasarımları genellikle Photoshop'ta oluşturulur, ancak bu, tasarımcıların ve geliştiricilerin tarayıcılarında bir web sitesi görünümü ile uğraşmadıkları anlamına gelmez. Müdahale etmek oldukça kolaydır; tüm yapmanız gereken, tüm büyük web tarayıcılarının sahip olduğu web geliştirme konsolunu açmak ve dolgu eklemek, metin rengini değiştirmek vb. Tüm bu konsolların eksik olduğu bir şey, bir hizalama aracıdır. Chrome, geliştirme için tercih ettiğiniz tarayıcıysa, baseliner denemeniz gereken bir uzantıdır. Ekranınıza bir dizi yatay çizgi ekler. Bu çizgiler arasındaki boşluğu ve renklerini tanımlama konusunda tamamen özgürsünüz. Ayrıca, araç kılavuz çizgilerinden önce sayfanın üstüne özel dolgu eklemenize olanak tanır.

Baseliner'ı yükleyin ve adres çubuğunun yanına eklediği B düğmesine tıklayın. Izgarayı özelleştirme seçeneklerinin bulunduğu bir menü açılır.

Varsayılan olarak, üst dolgu 0 piksel olarak ayarlanır, çizgiler arasındaki boşluk 12 piksel olarak ayarlanır ve çizgiler gri renkle opaklık% 100 olarak ayarlanır. Bu değerlerden birini değiştirmek için yanındaki kutunun içini tıklayın.

Renk kutusu, ızgara çizgilerinin rengini değiştirmek için size standart bir renk seçici verir. Aralık, dolgu ve opaklık değerleri, her parametre için özel bir sayı girilerek değiştirilebilir. Alternatif olarak, değeri artırmak veya azaltmak için yukarı / aşağı okları kullanabilirsiniz. Izgarayı özelleştirdikten sonra, alttaki ‘Uygula’yı tıklayın.

Kemerler tarayıcınızda açtığınız tüm sayfalara değil, yalnızca geçerli sayfaya eklenir. İşiniz bittiğinde çizgileri kaldırmak için B düğmesini tekrar tıklamanız ve alttaki ‘Kaldır’ düğmesini tıklamanız yeterlidir.

Baseliner kusursuz çalışıyor. Izgara için renk kontrolü ve üstteki dolgu, uzantıyı daha akıllı hale getirir. Sadece dikey çizgileri de desteklemesini diliyoruz.

Baseliner'ı Chrome Web Mağazası'ndan Yükleme