テーマストアではてなブログのデザインCSSをテーマ化する

このブログでは、はてなブログユーザーオリジナルのデザインテーマ「Minimalism」をカスタマイズして使っていますが、そのカスタマイズしたCSSをテーマストアに投稿して、自分のブログ専用のテーマとしてインストールしてみることにしました。 テーマストア…

ブログの背景色を白からグレーっぽい白になおしてみた

最近、Webページの白い背景色をまぶしく感じてしまい(ディスプレイの輝度は下げている)、このブログの背景色も白(#ffffff)からグレーっぽい白(#f4f5f7)に変更しました。 また、この背景色に合うように各記事のアイキャッチ画像の一部を透過pngのものと…

Jqueryで<p>&nbsp;</p>を消す

勉強がてら他のはてなブログを見ているのですが、文章と文章の間の大きな余白が気になる。 はてなでブログを書くとわかるのですが、見たまま編集でエンターキーで文章の間に余白をつくって、HTML編集で確認すると「<p> </p>(<p>&nbsp;</p>)」ができています。 そこで、We…

「はてなキーワード」のリンクを消す

このブログは、はてなブログなので、「はてなキーワード」に登録されている単語は自動的にリンクされてしまいます。単語単位のリンクは、見づらい、わずらわしい、うっとおしい...。このブログでは「はてなキーワード」を消すために、CSSとJavaScriptを設定…

「ページトップへ戻る」ボタンを設置する

「ページトップへ戻る」ボタンのスクリプトは、jQueryの下に設置しないと動作しないので、はてなが提供する(はてなブログのページの最下部に自動的に組み込まれる)jQueryを、同じようにヘッダに入力して、強制的に先に読み込ませます。(設定→詳細設定→検…

「ページトップへ戻る」ボタンをつけた

このブログにも「ページトップへ戻る」ボタンをつけてあります。あってもなくてもいいとは思いますが、カッコいいじゃないですか!? 下にスクロールでボタンをふわっと表示、上にスクロールでふわっと消えます。ボタンをクリックでページトップへ戻ります。…

このブログのデザインテーマについて

このブログは、はてなブログユーザーが作成した「Minimalism」というデザインテーマを使っています。このテーマを選んだのは、はてなブログのテーマストアで人気1位だというのもありますが、シンプルでクリーンなデザインに好感がもてたからです。 9月にデザ…