自分が最初に開設したホームページ「コーデンシティ」から14年が経ちました。翌年は15周年ですね。
ホームページの歴史については10周年の頃の記事をご確認ください。
改修工事について
14周年に合わせて実施したわけではないですが、 Aokashi Home をデザインそのまま改修工事しました。
ただし多少デザインが変わっています。その辺ご了承ください。
- 全般
- ページレイアウトが切り替わる画面横幅のブレークポイントを変えました。環境によっては表示が広かったり狭かったりする場合があります。
- ボタンの色を変えました
- 注記の色を薄くしました
- 目次の見出しにアイコンを付けました
- ページフッターにある「トップへ戻る」ボタンにアイコンを付けました、また押した場合のスクロールについてはスムーズスクロールに対応しました
- カード
- カードのデザインを変更しました。わかりやすい例で言うと、フッターボタンがカードの外側から内側に移転しています。
- カードリストの列数が切り替わる画面横幅のブレークポイントを調整しました。
- トップページ
- 最初の画面右下のサイトナビゲーションを下寄りから中央に変えました
- WWA
- Material
- Portfolio
- 各ページの「戻る」をボタン形式にしました。マウスカーソルと重ねると背景色が現れます。
- 「その他のデータ」の各項目をカード形式に変更しました。
- 解説注記のデザインを変更しました*2。
わかる人向け
- 一部ソースファイルを JavaScript から TypeScript に変更しました。
- Gatsby を v4 から v5 にアップグレードしました。
- デザインフレームワークを Bulma から Chakra UI に変更しました。
- デザインフレームワーク変更に伴い、 CSS のスタイリング方法を sass から Emotion に変更しました。
今後はダークモードの対応を予定しています。