CSS3&Javascriptで動きのあるWebサイトをつくる講座

レッスン内容

• 1

  本講座の流れと進め方
• 2

  ファイルの読み込み順・スタイルの優先順位について
• 3

  transitionでアニメーション効果を付ける
• 4

  positionを使って自由な配置を
• 5

  transformプロパティで要素を変形させる
• 6

  CSSのanimationプロパティを理解しよう
• 7

  JSファイル・jQueryについて
• 8

  jQueryを使ってみよう
• 9

  フェードインを実装する
• 10

  ナビゲーションに動きをつける
• 11

  スムーススクロールにする
• 12

  アドバンス編について
• 13

  CSSスニペット/ライブラリの使用
• 14

  Javascriptライブラリの使用方法
• 15

  プラグイン（Swiper）を使ってカルーセルを実装する

  スライダーを簡単に実装できる、Javascriptライブラリ「Swiper.js」の基本的な使い方を解説します。公式サイトの見方・活用方法についても解説するので、カスタマイズ力も付きますよ！

• 16

  Swiperスライダーのカスタマイズ

  Swiperのスライダーをカスタマイズして、コンテンツスライダーを作成します。公式のDemosやAPIを活用し、デザインに沿ったスライダーを実装できるようになりましょう。