textFit - 枠に合わせてテキストを最大表示
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Webの表現力は高く、ウィンドウの幅によってテキストの行数が変わってしまったりします。その結果、デザイナーの意図した表示にならないことも多く、かといって固定サイズにすると閲覧者にストレスを与えることにもなりかねません。 そこで使ってみたいのがtextFitです。テキストを枠の中に収まる形で最適化してくれるライブラリです。 textFitの使い方 利用例です。徐々にサイズが変わって、最終的に枠いっぱいに表示されているのが分かります。 文字のスペース、行の高さ、フォントなどもカスタマイズできます。 textFitを使うことで、枠の大きさに合わせた最大サイズの表示を簡単に実現できます。textFitは分かりやすいように段階的になっていますが、通常使う限りは一瞬で調整されるでしょう。ウィン
デザイナー顔負け！写真加工がうまくなる、10個の簡単テクニックまとめ
海外デザインブログ Canva Design School で公開された「10 Simple Ways To Enhance Your Images」より許可をもらい、日本語抄訳しています。 「百聞は一見にしかず（英: A picture is worth a thousand words.）」と言われるのには、きちんとした理由があります。 古くからよく知られているフレーズかもしれませんが、オーディエンスに向けてデザインを制作するときには、適切なアドバイスと言えるでしょう。デザインのコンセプトに、エクスペリエンス体験やリサーチを加えることで、イメージ画像はうまく注目を集めることができます。 Hubspot では、ビジュアル・コンテンツ（英: Visual Content）がいかに強力なコミュニケーションツールであるか、いくつかの統計がまとめられています。 関連する画像のあるコンテンツは、画
簡単にウェブ画面をキャプチャして文字・枠乗せなど編集も可能な「Nimbus Screen Capture」
インターネットをしていると思わず表示中の画面をキャプチャして保存したくなることもありますが、そんな時に役立つ機能が「Nimbus Screen Capture」です。Nimbus Screen CaptureはブラウザソフトのGoogle ChromeとFirefoxで使えるブラウザ拡張機能で、画面の一部を切り取ったり、ウェブページ全体を簡単な操作だけで行うことができます。 Nimbus - Nimbus Screen Capture http://nimbus.everhelper.me/screenshot.php ◆ブラウザに拡張機能をインストール Nimbus Screen Captureを利用するためには、まずは各ブラウザに拡張機能をインストールする必要があります。以下ではブラウザ別のインストール手順を記載していますが、なぜかGoogle Chrome版とFirefox版で名称が
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
