JavaScriptで単語帳を作ろう
(全7回)
JavaScriptを使ったシンプルな単語帳アプリを作ってみます。
このレッスンでは HTML5 / CSS3 を使用しています。
-
#01 単語帳アプリを作ってみよう (02:55) 無料公開中
- 完成版の確認
- 必要となる知識
- ブラウザの対応状況
- index.htmlの作成
-
#02 スタイルを整えていこう (02:58) 無料公開中
- スタイルの整備
-
#03 カードを作りこんでいこう (02:59)
- カードの作成
-
#04 カードを裏返してみよう (02:59)
- .open
- JavaScriptによるカードの裏返し処理
- 単語帳の作成
-
#05 次のカードを表示してみよう (02:35)
- 次のカードの表示
-
#06 transitionendイベントを使おう (02:22)
- カードの動作調整
- transitionendイベント
-
#07 ショートカットキーを設定しよう (02:46)
- ショートカットキーの設定
- keyupイベント
#card-front 、 #card-back に対して position: absolute; を使用す...
