Google+より投稿

-
good read: "画面幅に応じて文字サイズ、高さを変更「FlowType.JS」" http://feedly.com/k/1aUtEy0

=======================================
good read: "画面幅に応じて文字サイズ、高さを変更「FlowType.JS」" http://feedly.com/k/1aUtEy0



FlowType.JSはJavaScript製のオープンソース・ソフトウェア（MIT License）です。レスポンシブWebデザインにおいては画面幅によってコンテンツの表示が変化します。そのため意図した通りに表示されていないと感じることが多いかも知れません。そこで使ってみたいのがFlowType.JSです。最初の表示です。一行目の終わりの文字は75です。文字サイズを大きくしましたがやはり終わりは75です。逆にもの凄く小さくしましたが75のままとなっています。FlowType.JSではフォントサイズ、行の高さをベースに幅を決定しています。そのため意図した通りのテキストがそのまま表現できるようになっています。幅を縮めると一気にテキストがぐしゃぐしゃになってしまった、といった事態が防げそうです。MOONGIFTはこう見るFlowType.JSが役立ちそうな場面としてWebサイトのデザインサンプルがありそうです。最大の幅で見せた時にも、サムネイルとして狭い幅で表示した際にも同じ見え方が実現でき...





https://plus.google.com/106218564410864892476

September 07, 2013 at 07:25AM

コメント

コメントを投稿

このブログの人気の投稿

投稿時間:2020-07-01 05:34:30 RSSフィード2020-07-01 05:00 分まとめ(37件)

-
カテゴリー等 サイト名等 記事タイトル・トレンドワード等 リンクURL 頻出ワード・要約等/検索ボリューム 登録日 AWS AWS Partner Network (APN) Blog How APN Partners Can Engage with the AWS Direct Connect Partner Model https://aws.amazon.com/blogs/apn/how-apn-partners-can-engage-with-the-aws-direct-connect-partner-model/ How APN Partners Can Engage with the AWS Direct Connect Partner ModelWith AWS Direct Connect the internet is bypassed entirely and customers get physical dedicated connectivity to AWS allowing for a more consistent predictable performance Many customers rely on Direct Connect Partners to get access to Direct Connect connections so they can connect to AWS These trusted APN Partners have passed a technical validation for fol...
続きを読む

投稿時間:2020-07-01 20:43:40 RSSフィード2020-07-01 20:00 分まとめ(81件)

-
カテゴリー等 サイト名等 記事タイトル・トレンドワード等 リンクURL 頻出ワード・要約等/検索ボリューム 登録日 TECH Engadget Japanese ポルシェ、モーターを1基に減らした「タイカン」を中国で発表 https://japanese.engadget.com/porsche-taycan-rwd-103040976.html 電気自動車 2020-07-01 10:30:40 TECH Engadget Japanese 最長30日間動作、水没OKの防水防じん機能。5000円台のタフネススマートウォッチ「Haylou Solar LS05」 https://japanese.engadget.com/jp-2020-07-01-30-ok-5000-haylou-solar-ls05.html 最長日間動作、水没OKの防水防じん機能。 2020-07-01 10:30:00 TECH Engadget J...
続きを読む

投稿時間:2020-07-01 08:33:22 RSSフィード2020-07-01 08:00 分まとめ(49件)

-
カテゴリー等 サイト名等 記事タイトル・トレンドワード等 リンクURL 頻出ワード・要約等/検索ボリューム 登録日 IT 気になる、記になる… Apple Japan、｢ショッピングローン 24回払い分割金利0％キャンペーン｣の実施期間を2020年8月31日まで延長 https://taisy0.com/2020/07/01/123079.html applejapan 2020-06-30 22:50:31 IT 気になる、記になる… ｢Google Pixel 4a｣、FCCに続き、シンガポールやインドの認証機関を通過 https://taisy0.com/2020/07/01/123075.html tionsmediadevelopment 2020-06-30 22:46:12 IT 気になる、記になる… Apple、テスター向けに最新の｢iOS/iPadOS 13.6 Public B...
続きを読む