3
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

動的なWebデザインを無料で学ぶ方法(恐らく2024年まで使える)

Posted at

はじめに

最近、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デザインアイデア帳

3
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?