概要

リニューアルしたホームページです。テーマカラーや基本的なページ構成は同じですが、枠線や文字の太さなどを変更し、サイト全体をすっきりとした印象にしました。ホバーした際のアニメーションも変更しています。作品記事とブログ記事はコンテンツデーブルを廃止し、画面構成をよりシンプルなものにしました。

主な変更点

• フォントサイズ、太さの変更
• 枠線の色、太さの変更
• リンクカードをホバーした際のモーション
• Aboutページのコンテンツとページのデザイン
• ブログ記事ページと作品記事ページのデザイン

工夫した点 / 学んだこと

CSSのモーションを自分で書いてみて、上下の移動や変化速度の制御等をすこし理解できました。しかし、今回もCSSでのモーションはあまり入れていないので、今後勉強を進めていきたいと思います。個人的にはトップページの最新の作品やブログ記事を載せている部分の下に配置した「View All」ボタンのモーションがお気に入りです。