Sasslineを使用してWeb上にベースライングリッドを作成する

オンラインコンテンツの大部分はテキストベースですが、タイポグラフィがうまく設計されていない限り、人々はあなたのサイト上のテキストを読むことに興味がありません。.

一緒に働くかも カスタムフレームワークですが、それらは制限的に感じることができます. 代わりにSasslineを試してください。Sasslineは、Web上で完璧なグリッド線を作成するためのSassベースの無料ライブラリです。.

この無料ツールはSass上で動作するので、最初にその前処理言語の周りのあなたの道を知る必要があります。まだWeb開発に慣れていない場合は、 Sasslineを選ぶ前にあなたのCSSとSassを練習してください.

しかし、一度それを学ぶと、二度と同じようにレイアウトを設計することは決してないでしょう。.

レムユニットを使用して作成します あなたのテキストを全面的にフィットさせるカスタムベースライン. これには、すべてのヘッダー、段落、ブロック引用符、すべてのものが含まれます。.

Sasslineにはレスポンシブブレークポイントが付属しているので、Sasslineグリッドに基づいてテキストサイズ（および行の高さ）を自動的に調整できます。これはSassのミックスインに依存しています。.

だからこそ私はこのツールを特にお勧めします。 経験豊富なWeb開発者 彼らのワークフローを改善しようとしている.

デモページには、このベースライングリッドがリストアイテム、プルクォート、さまざまなヘッダーサイズなど、どのように機能するかの非常に明確な例が示されています。.

さらに、コードに細かい調整を加えたい場合は、これをBootstrapなどのフロントエンドフレームワークに追加することもできます。の Sasslineライブラリ全体が非常に用途が広い そしてそれはSass愛好家のための至る所での定番であるべきです.

はじめにメインのGitHubリポジトリにアクセスしてソースファイルのコピーをダウンロードしてください。.

また、Sasslineライブラリの機能を説明するセットアップの手順と、この素晴らしいブログ投稿へのリンクもあります。.