ブログいぢりは楽しい

ここ数日は、ブログも書かずに、ひたすらブログをカスタマイズしていました。

デザインテーマMinimalismとそれをカスタマイズしてテーマ化したCSSをブログのhead部分に記述し、テーマ化したCSSにブログをふわっと表示するCSSを追加しました。

（デザイン→カスタマイズ→「デザインCSS」にコードを入力）

CSS
#container {
    animation: fadein 0.2s linear;
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

さらに、はてなブログのjQueryとはてなキーワードを消す、ブログカードの遅延読み込み、ページトップへ戻るのスクリプトとCSS、強調表示を蛍光ペン風にするCSSをスクリプトとCSSでそれぞれひとまとめにしてフッタに記述しました。

そして、ブログの高速化（軽量化）のために、すべての画像をTinyPNGで圧縮し、差し替えました（CSSとJavaScrtiptはメンテナンスが大変なので圧縮はしない）。

PageSpeed Insightsでこのブログのトップページの読込み速度を計測するとこんな感じ。

そのほか、サイドバーの検索窓をタイトルを消して最新記事の下に表示したり、まとめ記事のブログカードをWindows付属のペイントで加工して画像として表示したりしました。