アップルは両方の面でバラバラになるかもしれませんハードウェアとソフトウェアの設計ですが、ピーク時には、適切に調整されていれば何かがどのように見えるかを教えてくれました。ポイントは、物事が完全に揃うと見た目が良くなり、工業デザインやウェブデザインにも当てはまることです。通常、ウェブサイトのデザインはPhotoshopで作成されますが、デザイナーや開発者がブラウザでウェブサイトの外観をいじらないとは限りません。簡単にいじることができます。あなたがしなければならないのは、すべての主要なWebブラウザが持っているWeb開発コンソールを開いて、パディングを追加したり、テキストの色を変更したりすることだけです。開発にChromeが推奨ブラウザである場合、 ベースライナー 試してみる必要がある拡張機能です。 画面に一連の水平線を追加します。これらの線の間隔と色を自由に定義できます。さらに、このツールを使用すると、グリッド線の前にページの上部にカスタムパディングを追加できます。
Baselinerをインストールし、アドレスバーの横に追加するBボタンをクリックします。グリッドをカスタマイズするためのオプションを含むメニューが開きます。
デフォルトでは、上部のパディングは0pxに設定され、行間の間隔は12pxに設定され、行は灰色になり、不透明度は100％に設定されます。これらの値のいずれかを変更するには、それらの隣のボックス内をクリックします。
カラーボックスは標準のカラーピッカーを提供しますグリッド線の色を変更します。間隔、パディング、および不透明度の値は、各パラメーターにカスタム番号を入力して変更できます。または、上/下矢印を使用して値を増減できます。グリッドをカスタマイズしたら、下部の[適用]をクリックします。
ガードルラインは現在のページにのみ追加されますブラウザで開いているすべてのページにではありません。完了したら行を削除するには、もう一度Bボタンをクリックし、下部にある[削除]ボタンをクリックします。
Baselinerは問題なく動作します。グリッドのカラーコントロールと上部のパディングにより、拡張機能がさらにインテリジェントになります。同様に垂直線もサポートされることを願っています。
ChromeウェブストアからBaselinerをインストールする
コメント