Chrome'daki Herhangi Bir Web Sitesine Özel Kılavuz Çizgileri Nasıl Eklenir

Elma her ikisi de açısından ayrılıyor olabilirdonanım ve yazılım tasarımı ancak doruğunda, bir şeylerin düzgün şekilde hizalanması durumunda 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 de geçerli. Web sitesi tasarımları genellikle Photoshop'ta oluşturulur ancak bu, tasarımcıların ve geliştiricilerin tarayıcılarındaki web sitelerinin görünümünü incelemediklerini söylemez. Düzeltmek oldukça kolaydır; Yapmanız gereken tek şey, tüm büyük web tarayıcılarının sahip olduğu ve metin ekleme, metin rengini değiştirme vb. içeren web geliştirme konsolunu açmaktır. Chrome, geliştirme için tercih edilen tarayıcınızsa, 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ımlamak için tamamen özgürsünüz. Ek olarak, araç, kılavuz çizgisinden önce sayfanın üstüne özel dolgu eklemenizi sağlar.

Baseliner'i kurun ve adres çubuğunun yanına eklediği B butonuna tıklayın. Kılavuzunuzu özelleştirmek için seçenekler içeren bir menü açılır.

Varsayılan olarak, üst dolgu 0 piksele ayarlanmışçizgiler arasındaki boşluk 12 piksel olarak ayarlanır ve çizgiler% 100 olarak ayarlanmış opaklıkla gri renktedir. Bu değerlerden birini değiştirmek için, yanlarındaki kutunun içine tıklayın.

Renk kutusu size standart bir renk seçici verirIzgara çizgilerinin rengini değiştirmek için Boşluk, dolgu ve opaklık değerleri her parametre için özel bir numara girilerek değiştirilebilir. Değeri artırmak veya azaltmak için alternatif olarak yukarı / aşağı oklarını kullanabilirsiniz. Izgarayı özelleştirdikten sonra, alttaki "Uygula" yı tıklayın.

Kuşaklar sadece geçerli sayfaya eklenirve tarayıcınızda açtığınız tüm sayfalara değil. Çizgileri tamamladıktan sonra kaldırmak için, B düğmesine tekrar tıklamanız ve alttaki “Kaldır” düğmesini tıklamanız yeterlidir.

Baseliner kusursuz çalışıyor. Izgara için renk kontrolü ve üst kısımdaki dolgu maddesi, uzantıyı daha akıllı hale getirir. Sadece dikey çizgileri de destekliyoruz.

Baseliner'i Chrome Web Mağazasından Yükleyin