ブログの文字が小さいのでフォントサイズをCSSで大きくしてみた - はるなぴログ
ブログの文字サイズって小さいことが多いと思いませんか？ 今回は一行の文字数とフォントサイズ、行間、文字間隔など、読者が読みやすいCSS設定について考えていきます。 1行の最適な文字数を元にブログの読みやすさについて深堀りしてみました。 デフォルトの文字サイズサイズが小さい設定で読みにくいように思えたのでCSSカスタマイズで大きさを調整し、最適なブログデザインを目指します。 はてなブログテーマの文字サイズ設定が小さい pタグのフォントサイズを調査 1行の文字数をどのくらいにしたら読みやすいブログデザインになるのか ブログでの横書き表示は1行35文字ぐらいが読みやすい スマホでは1行15文字から20文字程度が読みやすい ブログの行間や文字間隔についても考えてみる ブログのフォントサイズを読みやすいサイズにするCSS設定 はてなブログテーマInnocentのフォントサイズを大きくするCSSカスタ
斜体（イタリック体）による強調は日本語には合わないWebデザインだ！ - はるなぴログ
はてなブログで強調表示の表現をCSSカスタマイズしてみます。 はてなブログテーマInnocentの強調表示 斜体（イタリック体）による強調は日本語には合わない 外部CSSファイルにカスタマイズ内容を記述する 強調表示の使い過ぎに注意 はてなブログテーマInnocentの強調表示 普通に使うのはemタグとstrongタグです。この他にmarkタグを使用することもあります。 はてなブログではInnocentというテーマを使っていますが装飾はミニマムです。 emタグは斜体（イタリック体）で表示されるのみです。字が斜めに傾いて表示されます。 斜体（イタリック体）による強調は日本語には合わない この斜体というのが曲者で、もともと欧米の書体の強調表示が元になっています。 なので日本語の強調表示に斜体を当ててみても今一つ強調しているようには見えません。アルファベットなどの欧米書体の中で使う分には良いので
はてなブログに外部CSSを当てる方法とそのメリット - はるなぴログ
はてなブログに外部CSSファイルをリンクする方法のお勧め記事です。 この方法はメリットいっぱいなのに案外知られていないみたいです。ブログのデザインをCSSでカスタマイズする時にとってもラクチンです。 はてなブログでCSSカスタマイズする方法についても書いていますので、こちらのカテゴリページをご覧ください。 www.halu7.com Dropboxに外部CSSファイルを置いて共有化する はてなブログのhead内にリンクタグを設定 外部からCSSファイルを配信するメリット テーマCSSとの干渉を避けることが可能 小さくて見にくい「デザインCSS」の窓ではなく使い慣れたテキストエディタが使用可能 ファイルを更新するだけですぐにCSSが適用される 外部CSSファイルの読み込み速度もOK まとめ Dropboxに外部CSSファイルを置いて共有化する 外部CSSファイルをDropboxに置いて共有化
『アメーバブログのCSSカスタマイズをもう一度考えよう』
AMP配信用のCSS/HTMLカスタマイズ見出しと段落を使ったパラグラフライティングの重要性検索エンジン対応としてのCSSカスタマイズスマホ用のCSSカスタマイズインラインCSSで実現しているサイト多数styleタグをHTMLに埋め込む方法外部CSSファイルをリンクさせる方法外部CSSファイルをリンクするメリットとデメリットアメーバブログのCSSカスタマイズを根本から考え直してみます。 これは先日アメブロがAMP配信していることを発見したことからきています。アメブロ開始から4か月近くも全くAMP配信に気付いていませんでした。 なのでAMP配信用のCSSカスタマイズなど考えたこともありませんでした。今ようやく手をつけたというところですが、まだ考えが完全に固まったわけではありません。 そしてこれをきっかけにスマホ用のCSSカスタマイズも真剣に考えてみようと思い始めました。今まではPC版のCSS
Dropboxのファイルを共有化してから外部CSSとして直リンクする方法 - はるなぴログ
Dropboxのファイルを共有化してから外部CSSとして直リンクする方法について備忘録として書きます。 無料ブログはじめ様々なブログシステムではCSSを書き換えるのに手間がかかる場合があります。 こういう時はDropboxからCSSファイルを直リンクしてしまうのが簡単でお勧めです！CSSの修正がすぐに確認できますよ！ Dropboxを利用して外部CSSリンクとして直リンク Dropboxアプリからの操作 直リンクになるようにURLを修正 外部CSSリンクとして動作させる CSS設定の確認に便利なChrome拡張機能 まとめ Dropboxを利用して外部CSSリンクとして直リンク Dropboxアプリをインストールしてから実行するのが簡単です。 Dropboxアプリからの操作 Dropboxアプリを開きます。そして外部CSSとして動作させたいファイルをコピペしてDropbox内に置きます。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Innocent（はてなブログテーマ）の表示を確認する - はるなぴログ