HTML5勉強用ページ

学習記事、お薦めリンク集、お薦め書籍まとめ

概要

多口カタンがHTML5の学習を通じて執筆したblog記事や制作したファイル、得た情報等をまとめるページです。
学習内容以外は外部へのリンクとなっています。外部リンクはどれも良記事もしくは良サイトです。お薦めです。

学習については細部まで網羅することではなく、重要度の高そうな項目について要点をまとめることを方針としています。

DOCTYPE宣言やheader、footerといったセクション要素から始まり、スマートフォン向けコーディング、video、audio、canvasといったHTML5の目玉要素までを学習する予定です。
canvas要素についてはある程度深くまで掘り下げたい。

学習内容

5.動画再生-videoタグの基本まとめ-

キーワード

ブラウザ毎の動画対応表 , video , Ogg Theora(ogv) , WebM(webm) , H.264(mp4) , poster , preload , autoplay , loop , mediagroup , muted , controls , width , height , 動画コントローラ , type , codecs , .htaccess , JavaScriptとの連携 , メソッド , プロパティ , イベント , 早送り , 巻き戻し , play , pause , paused , currenttime , playbackRate , duration , ended , timeupdate

4.スマートフォン向けJavaScriptサンプル集

キーワード

Java Script , JQuery , アコーディオンメニュー , タブメニュー , 前面表示メニュー , スライダ

3.スマートフォン向けコーディングの基本まとめ

キーワード

PC/スマートフォンサイトの切り替え , iOS/Androidシミュレータ , viewport , CSS3(角丸/グラデーション/ドロップシャドウ) , -webkit-appearance , 画質 , ホーム画面用アイコン , apple-touch-icon , apple-touch-icon-precomposed , 電話発信リンク , jQuery Mobile

2.セクション要素 header、footer、section、nav等

キーワード

header , footer , section , nav , article , aside , hgroup , article , address , time

1.head要素、リセットCSS、旧IE対応等

キーワード

DOCTYPE , lang , base , charset , title , keywords , description , icon , ファビコン , 外部ファイルリンク , リセットCSS , 旧Internet Explorer対応

お薦め書籍リンク