Parts 05アコーディオン
-
Parts 05 > Design 04作品名：注意喚起
HTML、CSS、JavaScript、Photoshopを学習した成果として「注意喚起」を制作しました。開閉アイコンを画像で表現することで、幅広いデザインニーズに対応可能です。
デモをみる
-
Parts 05 > Design 03作品名：お悩み事例
HTML、CSS、JavaScriptで「お悩み事例」を制作しました。アイコンマークは、閉じている時はプラス、開いている時はマイナスで表現し、視覚的に状態がわかりやすいよう工夫しています。シンプルで直感的なデザインを目指しました。
デモをみる
-
Parts 05 > Design 02作品名：サイトご利用規約
HTML、CSS、JavaScriptで「サイトご利用規約」を制作しました。開閉可能な箇所を視覚的にわかりやすくするため、▲アイコンを使用してアクセシビリティを向上させることを目指しました。
デモをみる
-
Parts 05 > Design 01作品名：よくある質問
HTMLのdetailsタグとCSSで「よくある質問」を制作しました。今回は、JavaScriptやjQueryを使用せず、HTMLとCSSのみで仕上げました。
デモをみる