はじめに

最近、Webデザインの勉強をしています。勉強方法は、本を読んだり、オンラインの学習サイトで写経したりすることです。今はある程度、HTMLやCSSが書けるようになって、動くデザインを勉強中です！
今回は勉強している中で、動くWebデザインアイデア帳というおすすめサイトに出会い、是非ご紹介したいので記事を執筆します。

動くWebデザインアイデア帳でできるようになること
- プルダウンメニュー、ローディング
- スライドショー、検索
- などなど19種類以上のWebデザインが学べる

おすすめのWebサイトとその理由

動くWebデザインアイデア帳というサイトです！
↑↑↑
（クリックしてくれたら、公式サイトにとびます）

おすすめする理由は3つ
- 1つ目：よく見る機能やデザインがたくさん説明されている
  - ローディング、画面遷移、スライドショーなど19種類
  - 応用も含めれば、その倍以上はある
- 2つ目：サンプルコードが用意されている
  - HTML, CSS, JavaScriptすべてのコードが見れる
  - コードの中に日本語コメントがあり、コードが読みやすい
- 3つ目：説明がわかりやすい
  - 作り方のステップが解説されている
  - 書籍があるので、そちらも参考にできる（ただし有料かつ優良）

注意点：2024年までかもしれない...

公式サイトによれば、

【コード使用に関しての注意とお願い】
動くWebデザインアイデア帳のサイトは、書籍に明記している通り「3年間の期限付き」です。
（※書籍の売れ行き次第で変わります。）

とあります。書籍が発売されたのが2021年2月27日と7月31日なので恐らく期限が2024年7月いっぱいまでだと思われます。なので、期限があるということに注意して使ってください！

最後まで見てくださりありがとうございます。少しでもお役に立てていれば幸いです。
もし誤りや質問があったら気軽にご指摘をいただければ。

参考文献

動くWebデザインアイデア帳