今回のお題は、 ハンバーガーメニューのアニメーションだ。ハンバーガーアイコンをクリックすると、 メニューが右に向けて広がる （サンプル1⁠）⁠。 「⁠CSS Gooey Menu」 のデザインとアニメーションをもとに、 コードは絞り込んでわかりやすく組み立て ...

今回のお題はサンプル1のアコーディオンメニューだ。マウスポインタをメニュー項目に重ねると、 サブメニューが広がる。また、 サブメニュー項目は、 マウスポインタの動きに応じてハイライトする。 「⁠アコーディオンメニュー」 をネットで検索する ...

第2回では、CSSアニメーションやレスポンシブデザイン、favicon・OGP設定などを学び、動きのあるLPを実装できる力を身につけます。 課題では旅館LPの各セクションをPC・スマホ対応で再現し、実践を通してレイアウト最適化を習得します。 加藤：今回は第2回 ...