HTML5入門!超速でHTML5をものにするノウハウ
HTML5とは、WHATWGおよびW3Cが、HTML4に代わる次世代のWEB環境として、策定を進めている仕様です。
HTML5を簡単に説明すると、今まで複雑だった処理を簡単にし、HTMLデータの意味をより具体的に表現できるようになります。
現状ではHTML5非対応のブラウザもありますが、少しずつ非対応ブラウザもバージョンアップによって対応されていっているようです。
ここでは皆さんがHTML5を超速で学ぶのに、もっとも効率的なノウハウサイトや便利ツールを紹介しています。
※HTMLの基礎はこちらから学べます→HTMLを学ぼう!
HTML5入門サイト
HTML5, きちんと。
5分~10分ぐらいでHTML5というものが何なのかを理解できるようになります。
HTML5+CSS3 入門
HTMLの歴史、HTML5とは何なのか?が理解できます。
HTML5の勉強をしたさいに作成したまとめ
管理人さんが、HTML5を勉強した手順を紹介してくれているので、大変分かりやすいです。「第3回『HTML5の新要素をIEでも対応させる方法』」を学習する際はこちらのサイトも合わせて確認すると分かりやすいです。HTML5とCSS3をIE対応させるにはこの2つ
HTML5.JP
HTML5の最新情報をキャッチできます。海外のHTML5に関して、著名な方々が共同で運営しているサイトを翻訳した基礎チュートリアルは分かりやすいです。HTML.JPの管理人さんが作ったこちらの資料もおすすめ。今からハジメるHTML5マークアップ
HTML5リファレンス
HTML5タグをまとめたリファレンス。タグの使い方に困ったら確認しよう。
HTML5テンプレート
HTML5 Templates
最大級のHTML5無料テンプレートの配布サイト。
HTML5 Bones
最小限の要素で構成されている、HTML5学習におすすめの基本テンプレート。※jQuery, Modernizeなどは含まれていません。HTML5レンダリングのためhtml5shivだけ実装。
HTML5対応ブラウザ表
HTML5 & CSS3 Web Design
HTML5 & CSS3のブラウザ対応が一目でわかります。
Mobile HTML5
携帯電話とタブレットブラウザのHTML5対応表。
HTML5ツール
HTML 5 Outliner
HTML5で作成したWEBサイトの構造(アウトライン)が確認できます。
Markup Validation Service
HTMLの妥当性検証ができるWebサービス。
YouTube HTML5 動画プレーヤー
YouTubeでHTML5動画を視聴できるようになるプレーヤーを紹介しています。
まとめ - HTML5習得
HTML5の習得には、従来HTML、CSSの理解はもちろん、CSS3や若干のJavascriptの理解があると吸収しやすいです。参考サイトを見ても理解ができなかった方は、基礎から見直してみましょう。WEB言語一覧
今回は、多くの人の学びたいところは、HTML5での文章構造(アウトライン)の書き方や、基本的な概要であると考えたので、アプリケーション開発をしたい方には適さなかったかもしれません。その辺は、S.Sのスキルアップと合わせていずれ紹介できればと思います。