文字設定をレスポンシブ対応してくれるJavaScriptライブラリ『FlowType』 | デザインスタジオ・エフ
『FlowType』はレスポンシブデザインのサイトにおいて、横幅の変化に応じて設定されている文字の大きさや行の高さを自動的に調整をしているJavaScriptライブラリです。 ダウンロード ライブラリのダウンロードはこちらから行うことが出来ます。 Dowonload& Demo Step 1: ライブラリの読込み 『FlowType』は「jQuery」対応のライブラリなので最初に「jQuery」が読込まれていることが必要条件になります。「jQuery」に続けて「flowtype.js」を読み込みます。 <script type="text/javascript" src="flowtype.js"></script> Step 2: CSSの初期設定 文字サイズの初期値を設定しておきます。この値を基準に、文字サイズが変化します。 body { font-size: 18px; } h1,
Web Design, Interface Design, User Experience | Simple Focus
What does FlowType.JS do? Ideally, the most legible typography contains between 45 and 75 characters per line. This is difficult to accomplish for all screen widths with only CSS media-queries. FlowType.JS eases this difficulty by changing the font-size and subsequently the line-height based on a specific element's width. This allows for a perfect character count per line at any screen width. Addi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
