ブログの文字が小さいのでフォントサイズをCSSで大きくしてみた - はるなぴログ
ブログの文字サイズって小さいことが多いと思いませんか？ 今回は一行の文字数とフォントサイズ、行間、文字間隔など、読者が読みやすいCSS設定について考えていきます。 1行の最適な文字数を元にブログの読みやすさについて深堀りしてみました。 デフォルトの文字サイズサイズが小さい設定で読みにくいように思えたのでCSSカスタマイズで大きさを調整し、最適なブログデザインを目指します。 はてなブログテーマの文字サイズ設定が小さい pタグのフォントサイズを調査 1行の文字数をどのくらいにしたら読みやすいブログデザインになるのか ブログでの横書き表示は1行35文字ぐらいが読みやすい スマホでは1行15文字から20文字程度が読みやすい ブログの行間や文字間隔についても考えてみる ブログのフォントサイズを読みやすいサイズにするCSS設定 はてなブログテーマInnocentのフォントサイズを大きくするCSSカスタ
はてなブログで使えるアイコンフォント（Webフォント）123種類 - FOXISM
はてなブログでいろいろ書こうと思って、数記事書きながらテーマのカスタマイズにも入っています。その中でアイコンフォントを使いたいと思っていたけど、どうやらはてなブログではデフォルトでいくつかのアイコンフォントを読み込んでいるようです。それを使えば別途Font Awesomeなど読み込む必要がないというわけですね。 デフォルトで読み込まれるアイコンフォント はてなブログではシステム側で自動的に読み込まれるものがたくさんあります。実際に自分のブログのソースを見ると分かりますが、その中にこんな1行があります。 <link rel="stylesheet" type="text/css" href="https://cdn.blog.st-hatena.com/css/blog.css?version=a9926d57dd7fb1de147b42457ac5ba6d"/> このblog.cssという
意外と簡単！はてなブログのCSS外部化をGitHub Pagesでしてみた！ - lisz-works
はてなブログのCSSの外部化を、GitHub Pagesを使って試してみました！ 正直はてなブログのデザイン設定の、小さい編集ウィンドウは編集し辛いですよね…… ローカルでCSSが編集・更新ができるようになるので、楽ちん化を図るために試してみました！ リポジトリを新規作成 リポジトリにファイルを追加 はてなブログでCSS読込設定 操作確認 Page Speed Insightsのスコア モバイルのスコア PCのスコア 参考 あとがき リポジトリを新規作成 まずはGitHubにログインしましょう。 右上の＋マークから「New repository」を選択。 リポジトリの作成画面が開かれます。 Repository nameを、[自分のユーザ名].github.ioにする。 他は特に設定しなくてもOKです。 「Create repositoryボタン」を押します。 リポジトリにファイルを追加
デザインテーマ制作の手引き - はてなブログ ヘルプ
はてなブログでは、CSSを編集してオリジナルテーマを作ることができます。作成したテーマは、テーマストアに投稿して、ほかのはてなブログユーザーに使ってもらうこともできます。 既存のデザインテーマをブログにインストールしたい場合はヘルプ「デザインテーマをインストールする」を参照してください。 本ドキュメントでは、Webデザイナーの方がはてなブログ用オリジナルテーマを作成するために必要な情報をまとめています。 オリジナルテーマの作成は、CSSの知識がある方を対象にしています。 テーマを作成する準備 1. テーマ確認用のブログを開設する 2. サンプルエントリーをコピー サンプルテーマ「Boilerplate」 Boilerplateテーマの使い方 レスポンシブデザインのテーマを作成する レスポンシブデザインを有効にする 付録: はてなブログのレスポンシブデザインテーマの挙動 はてなブログのページ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
