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

CSSアニメーションやJavascriptライブラリを活用して、サイトに動きを加えます。CSS3のキーフレームアニメーションやjQueryの基本的な使い方から、jQuery非依存ライブラリを使ったスライダー等の実装方法まで図解たっぷりで解説。

レベル

ビギナー

期間

1日約1時間で 0日間

CSSアニメーションやJavascriptライブラリを活用して、サイトに動きを加えます。CSS3のキーフレームアニメーションやjQueryの基本的な使い方から、jQuery非依存ライブラリを使ったスライダー等の実装方法まで図解たっぷりで解説。

レッスン


本講座の流れと進め方

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

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

positionを使って自由な配置を

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

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

JSファイル・jQueryについて

jQueryを使ってみよう

フェードインを実装する

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

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

アドバンス編について

CSSスニペット/ライブラリを使ってみよう

Javascriptライブラリの使用方法

ライブラリを使ってカルーセルを実装する

サムネイル付きのスライダーを実装する

×