HTML5 SHOWCASE

#1.HTML5で作られたサイトへのリンク

1-1.動画の背景

  1. Kalexiko
  2. SONIA

1-2.シングルページ・パララックス・高級ペライチ

  1. Tokyo Music Odyssey
  2. buzzhook
  3. NICON
  4. LaMoulade
  5. パナソニック
  6. peugeot hybrid4

1-3.3次元

  1. find your way to oz
  2. BEERCAMP
  3. 翠星のガルガンティア
  4. helloracer
  5. WebGL Water

1-4.ベンダーサイト

  1. google doodles (UFO)
  2. 20things I learned
  3. Microsoft Test drive
  4. カヤック

1-5.Webサイト

  1. HTML5 Experiment
  2. Canvas Cycle

1-6.共有サイト

  1. jsdoit

#2.HTML5マークアップ

2-1.要素

  1. あたらしい要素・属性
  2. viewportについて

2-2.ゲーム

  1. 進捗の要素

#3.CSS3

3-1.リッチ

  1. 枠線
  2. リッチ・変形・三次元
  3. まるこ (メイキング)
  4. ピカ
  5. CSS演習

3-2.アニメーション

  1. サンタのアニメ
  2. 3次元アニメ1
  3. 3次元アニメ2
  4. 3次元アニメ3
  5. 3次元アニメ4
  6. 3次元アニメをJSで操作
  7. スクロールでCSSを操作

3-3.擬似クラス・要素

  1. 擬似クラス
  2. 擬似要素

#4.JavaScript

4-1.計算

  1. 占いアプリ
  2. 計算機アプリ
  3. BMI計算機アプリ

4-2.要素の取得

  1. HTML置き換え
  2. 大阪弁変換
  3. CSS変形
  4. CSSページ切替
  5. 500px競争

4-3.アプリ

  1. 自然時計
  2. カウントダウン

4-4.WoT

  1. Web of Things

#5.API

  1. シンセサイザ
  2. 音声
  3. 映像
  4. ようこそ
  5. GPS
  6. 体重記録計
  7. チャット
  8. 録音と読み上げ
  9. 高速処理

#6.Canvas API

6-1.座標

  1. 座標の取得
  2. (重力)加速度

6-2実用

  1. ホワイトボード
  2. シンプルテキストエディタ
  3. お絵かき
  4. JavaScript練習エディタ
  5. 電力使用量

6-3.学習

  1. ハート
  2. 放物線
  3. フラクタル図形
  4. 線グラフ
  5. 棒グラフ
  6. 円グラフ
  7. all balls go straight
  8. bang
  9. めいろ
  10. 円周率の求め方

6-4.ゲーム

  1. UFO重力ゲーム
  2. タッチゲーム
  3. 横スクロールゲーム
  4. 放物ゲーム
  5. 習字
  6. 午年パズル

6-5.アートスクリプティング

  1. 湘南
  2. クリスマスツリー
  3. パックマン
  4. ハート
  5. 新年
  6. 花火
  7. 風鈴
  8. もみじ
  9. かぼちゃ
  10. クレヨン
  11. どら焼き
  12. リズムボックス
  13. 9
  14. 太陽系
  15. CO
  16. トーラス

#7.Link

  1. W3C用語集と辞書
  2. WHATWG (Ja)
  3. HTML5の差異
  4. JavaScriptの基礎
  5. HTML5エキスパート
  6. HTML5認定試験