初心者の私がまとめたHTML5習得サイト

情報がとにかくたくさん溢れている時代。古いものから新しいものまで。それは内容を読まないとわかりません。

人それぞれ記事を読んだ感想は違うと思いますが、初心者レベルの私でもわかりやすかった、役に立ったHTML5チュートリアルサイトをまとめてみました。

【HTML5 でやりがちな間違い】
http://hyper-text.org/archives/2011/07/html5_mistakes.shtml

【HTML5で動画や音声を利用しよう！】
HTML5から使えるよになった、videoタグやaudioタグ。
使用するからには動画ファイルの知識も必須！
こちらのサイト非常にわかりやすく動画ファイルについて説明してあります。
ブラウザとvideoタグ、audioタグとの関係性も記してあるので役に立ちそう。
ブラウザ情報が古い所もあるのでその辺りはご注意を。
http://www.atmarkit.co.jp/fwcr/design/benkyo/html5appli10/01.html

【HTML5のセクションで“文書構造”を理解する】
http://www.atmarkit.co.jp/fwcr/design/benkyo/html5appli04/01.html

【XHTML1.0とHTML5の違いをスタバのページで紹介】
ページ数は6ページで、以前のHTMLで組んであるスタバのサイトをHTML5ではどう組むのかと言うことを比較して綴られています。以前のHTMLでコーディングをなさったことがある方ならHTML5を理解するにはもってこいのサイトです。

所々にHTML5でのNGな記述方法も記載されていました。

http://ascii.jp/elem/000/000/626/626754/

【HTML5のarticleとsectionの違いを書いてみた】 ※約4分で読める
さらっと読みたい時には良いと思います。
ただ4分程度で読めるだけあって、内容は薄いかな。
簡単にSection等について知るには簡潔に記してあるのでわかりやすいです。
http://kojika17.com/2011/01/html5-article-and-section.php

【HTML5独学まとめ｜情報収集支援ツール】
個人的には面白いサイトだなと。
マークアップやらAPIのわからないwordの検索をお助けしてくれる便利サイトでした。
http://croo.tank.jp/html5/

【html5のValidatorをチェック出来るサイト】
HTML5 Validator

【DreamweaverをHTML5に対応させる機能拡張「HTML5 Pack」】
HTML5 Pack

【初心者でもマンツーマンで安心して学べるサイト】
プログラミングだけでなくHTML5/CSS3コースの用意もされているので本気でスキルアップを図りたいという人に必見！
CodeCamp（コードキャンプ）

*現在は独立してフリーランスのWebデザイナーとして働きはじめました！
→ [Å] 制作会社のWebデザイナーを辞めて、独立・フリーランスになりました！