こんにちはです。あっちのそららです。
本日、ブログデザインを改良したので、変更点などをまとめました。
ヘッダーイラスト
静止画だったヘッダーイラストをアニメーションにしました。パソコンをカタカタ叩く動きで、作業感増し増しに。
なお、ブログの見やすさを考慮し、ヘッダーイラストはこれまでと同様、トップページでのみ表示させています。
ハンバーガーアイコン
Before
After
ページ右上のハンバーガーアイコンを改良しました。メニュー表示時に、アイコンがいきなり×に切り替わる挙動を調整。アニメーションを加えて、丸い形を活かした変化となりました。
プロフィール
Before
After
某青い鳥のアイコンをXに変更。さらに、新しくGitHubへのリンクも追加しました。マイペースに草生やしていくので、プログラミングに興味のある方は覗いてみてください。
キャラクターページ
ずっと作りたかったキャラクターページを公開しました。各ページ下部にキャラクターリストを追加してあります。
現在はオベちゃんのページのみですが、ぼちぼち増員していく予定です。
にほんブログ村バナー
Before
After
にほんブログ村バナーは、ヘッダーイラストの使い回しでしたが、一転して作り直しました。ホバー時にキャラクターがひょこっと動きます。
JavaScriptを使えばもう少し手の込んだものを作れますが、重くなるのを懸念して割り切りました。
JavaScript版のサンプルはGitHubに公開したので、よければご利用ください。
はてなブログタグ
Before
After
はてなブログタグがずっと無装飾だったので、全体の配色に合わせて軽くデザインしました。
おわりに
他にも、Aboutページ、検索バー、各ホバーアニメーションなど、小さな変化ですが改良した部分も多くあります。
今後とも、当ブログをよろしくお願いいたします。
パワーアップ！
