学習内容

  • カスタムなアニメーションを深く理解する
  • レスポンシブ対応を理解する
  • 外部のJSライブラリーを使用してWebflowを超えた実装をする

コース内容

はじめる準備をしよう

4
1

ヘッダーの作成

15

高度なヒーローセクションの作成

17
9
8
3

ヒーローセクションのアニメーション

8
7
5
5

Grildを使ったレイアウトの作成

14
10

3つの画像とアニメーションで印象を与える

7
9

ダークレイアウトの作成

9

コメント一覧の作成とアニメーション

12
8

FAQ作成とアニメーション

7
9

CTAの作成とアニメーション

6
9

フッターの作成

9

スクロールアニメーション

4
11

タイプライター風アニメーション

9

レスポンシブ対応

22

ハンバーガーメニューの作成とアニメーション

5

ハンバーガーメニューのアニメーションを改善

3

お疲れさまでした!

1

コースについて

こちらの講座では、Webflowの強みであるおしゃれなアニメーションをいかして作られたデザイン性の高いLPを一緒に作っていきます。

この講座を受講することで、皆さんはさらにかっこいい、おしゃれなデザインのサイトが作れるようになります。

講座名にも「高度」という言葉がついていますので、初心者より少しスキルの高い方に受講していただくのはおすすめです!

使用ツール