letter-spacingを隠し味程度に
このブログは基本font-sizeを100％にしています。もちろん文章が読みやすいようにという配慮からなんですけど、文字が大きいと詰め込んだ印象になって長文の場合かえって読みにくく感じることがあります。 これを解消するにはline-height（行間）を広めにとる（130%～150%くらい）と同時にletter-spacing(字間）をほんの少し広げてやると良いみたいです。 デフォルトではletter-spacing:0;です。 この文章はletter-spacig:0em;に設定されています。 この文章はletter-spacig:0.05em;に設定されています。 この文章はletter-spacig:0.1em;に設定されています。 この文章はletter-spacig:0.5em;に設定されています。 0.5emに設定すると明らかに広すぎますね。0.1または0.05emくらいで微妙
Webで仕事をする人全員に知っておいてほしい文字詰め・カーニングの基礎知識 | 株式会社ZINE
株式会社ZINEの仁田坂です。編集者ですがデザインするのが好きです。 自己主張しすぎな圧倒的アイキャッチで失礼しました。今日はフォントと文字詰めの話をします。ぼくは雑誌編集者として数年働いた後にWebメディアをつくり起業、みたいな感じで働いてきたんですけれども、編集もデザインけっこう似ている部分が大きいと思っています。文字で読者に伝えるのか、視覚情報でユーザに訴えかけるのか。 結局のところ同じだよなあ、と思ったりします。編集もデザインも一緒くたにして考えたほうが都合いいことが多いです。 で、けっこうWebメディア見てると残念なデザイン、多いんですよね。 Webフォントでタイトル設定してるメディアは気にならないんですけれども、アイキャッチ見ると最悪……みたいなの多い。以前GitHubでアイキャッチ用のテンプレートを公開したもんだから、形だけ真似してデザインがてんでなってないメディアが増えまし
はてなブログ用「あわせて読みたいウィジット」がブログカード表示形式に対応しました - 太陽がまぶしかったから
本スクリプトは動作不能となります はてなブログ用「あわせて読みたい」ウィジットがブログカードに 最近、『はてなブログの記事を紹介しやすくしました。URLを貼るだけで、コンパクトに整ったブログカードを貼り付けることができます【追記あり】 - はてなブログ開発ブログ』が話題となっていますが、「あわせてウィジット」についてもブログカード形式で表示するバージョンを作成しました。旧バージョンの「あわせて読みたいウィジット」については複数の問題があるため、差し替えをお願いしているところでもあります。 仕組み的には取得したURLをブログカード形式で表示させるURLに変換して、内部フレームとして表示させるだけです。ブログのHTMLソースと『新しい機能 ブログカードはサイドバーにも有効！おすすめ記事をサイドバーに設置したよ - 鈴木です。』を参考にしました。自前生成処理がオミットできるため、随分とシンプルに
高品質なアイコンを無料でダウンロード！商用利用可能な素材サイトまとめ | LISKUL
WEB制作やブログ、プレゼン資料などで、イメージをより直感的に伝えられるイラストやアイコンが欲しいけれど、探すのが面倒なんだよな・・・と思うこと、ありますよね。 今回は、WEB制作やブログ、プレゼン、広告、チラシなど、さまざまなシーンで大活躍間違いなしの、アイコン・イラスト・ピクトグラムの画像、ベクター素材をご紹介します。 全てフリーで、商用利用可能です。 こちらを活用すれば、より豊かな資料作成が無料でできるでしょう。 また、この記事は無料でPDFとしてダウンロードも可能です。写真のフリー素材を探す際にお手元に置いておくのがおすすめです。 【PDF】高クオリティ！商用利用OKのアイコン、イラスト無料(フリー)素材まとめ>>無料ダウンロード 【厳選5サイト】 ビジネスからブログまで幅広く使える無料アイコン・イラスト・ピクトグラム素材がいっぱい！私が普段利用していて便利だな、と思うサイトを5つ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
