xhtmlでのマークアップはしていたけど、はじめてHTML5でのマークアップを使用と思っている人やHTML5を勉強しようと思っている人へ
１.まずHTML5とはなんぞや？
Web業界で注目を集める次世代標準規格「HTML5」。「HTML 4とHTML5の違いをまとめてみては」とのお題に、50歳を過ぎての「HTML5の基礎知識」をまとめてみました。
わかりやすくHTML5について説明
webエンジニアがネットの使い方に苦悩する日記
HTML5の新要素の説明
TM Life TM Life!!(ティーエム ライフ) 「Time is money」をモットーとしたサイトです。主にプログラミングについて描いています。 HOME ABOUT TMLib #breadcrumb { margin: 10px 10px 0px; padding: 10px 10px 0px; } #breadcrumb div { display: inline; } TM …
旧HTMLとHTML5を比較して説明
HTML5&API総まくり 白石俊平 @Shumpei
スライドでわかりやすくHTML5を説明
２.新要素の使い方などマークアップの具体的な方法を学びます。
HTML5＋CC3 を勉強しながら調べたサイト情報やサンプルの作成。そのほかweb 制作に役立つ情報をまとめました。 http://www.html5-memo.com/ デザイン作成のヒントになるサイトや制作に便利な無料素材、かっこいい映像やアプリなどをまとめました。 http://webdesignmatome.com/ jQuery Mobileを中心とした、iPhone（スマートフォン）…
HTML５でのサイト制作についての連載
HTML5の勉強を始める際に新要素の使い方などを勉強すると思いますが、その際にまず迷うのが「secion要素」と「article要素」ってどう使い分けるのだろうか？という疑問にほとんどの人が行きつくとおもいます。しかしこれはコンテンツの原稿によっても変わるものなので何もない段階で要素だけ見て「secion要素」はこうする、「article要素」はこうするという絶対的なルールはありません。そこでま…
わかりにくsection要素の扱いについて
３.CSS3でどんなことが出来るのか
CSS3を使った画像のエフェクトやスタイリングについて、思いつく限り一挙にまとめてみました。たくさん画像を扱うサイトなどを作る際に、CSSでできる表現のカタログとして使ってもらえたらと思います。
CSS3を使った画像のエフェクトやスタイリングについて
４.CSS3を簡単に利用してみよう
【CSS3】これはやばい！覚えなくてもすぐに使える便利なCSS3ジェネレータまとめ。のまとめ
設定項目が多く扱いづらいCSS3を簡単に作成
４.HTML5＋CSS3でのサイト制作の流れを具体的にイメージしてみる
CSS3やHTML5などのコードを書く様子を再現し、徐々に 出来上がっていく様を見ながら学べる チュートリアルサイト・TheCodePlayerのご紹介。あたらしい教育サイトに形といして面白いですね。
HTML5+CSS3のサイト制作の一連の流れを確認できる
５.IE関連のバグがなにかしらでるので、その対策方法
CSS3を使うにあたっていつも問題になるのが Internet Explorer（IE）です。CSS3への対応が遅い上に、旧バージョンを使い続けているユーザーも結構いますので、CSS3を使うことに躊躇する人も多いのではないでしょうか？ ということでCSS3を使うにあたって知っておきたいIE対策を紹介します。
HTML5+CSS3で知っておきたい対策
６.最後に構文チェックをして、おかしいところがあれば１のサイトを見直して修正。おしまい。
Validator.nu (X)HTML5 Validator (Living Validator) Validator Input Document Show Image Report Show Source About this Service • More options
HTML5の構文チェック
https://matome.naver.jp/odai/2133851275393502101
2012年06月01日