この章では、デプロイ前に、ビジュアルとインタラクティブな強化をポートフォリオに加えることに焦点を当てています。プロジェクトのセクションは、assets フォルダに保存された代表的な画像を追加することで改善できます。CSS は、これらの画像を流動的なスケーリングと丸い角でスタイルするために更新されます。ホバー効果は、遷移、変換、ボックスの影を使用して、ユーザーを引き付けるために実装されます。カスタムスタイリングされたボタンが追加され、GitHub のような外部リソースへの明確なアクションを呼び出します。アンカー リンクのスムーズ スクロールが有効になり、ナビゲーションが改善されます。ページ ロード時にフェードイン アニメーションが組み込まれており、初期のユーザー エクスペリエンスが向上します。最終的な結果は、プロジェクトとスキルを効果的に紹介する、視覚的に魅力的なインタラクティブなポートフォリオです。これらの追加は、ユーザー エクスペリエンスを向上させ、ポートフォリオをより魅力的にします。これらの手順の後、ポートフォリオはデプロイの準備が整います。
dev.to
Chapter 5: Final Touches & Interactive Magic
Create attached notes ...