HTML5“とか”アプリ開発入門

連載インデックス
「HTML5“とか”アプリ開発入門」

最近よく目にする「HTML5」という言葉。JavaScriptのAPIやCSS3、SVGなどを含め、急速な広がりを見せつつある「HTML5」の基礎を学べる入門連載です。「HTML5を使うと、何ができるのか」「それを実現するには、どのようなプログラムを書いたらいいのか」をお届けします
 
Webの3つの問題を解決する「HTML5」とは何なのか
HTML5“とか”アプリ開発入門(1) 最近よく目にする「HTML5」という言葉。JavaScirptのAPIやCSS3、SVGなどを含め、全体的な概要と、その意義をお伝えします
HTML5でWebページをマークアップする基礎知識
HTML5“とか”アプリ開発入門(2) 5から変わったHTMLの文法。宣言の仕方や、押さえておきたい3つのポイント、文法チェックツール、SVGの記述について説明します
HTML5の登場で、XHTMLは結局どうなったの?
HTML5“とか”アプリ開発入門(3) これまでのXHTMLの成り立ちや、HTML5時代のXHTML「XHTML5」の仕様について説明し、バリデータで文法検証を行ってみます
HTML5のセクションで“文書構造”を理解する
HTML5“とか”アプリ開発入門(4) 文書構造を表すための新たな要素「セクション」。マークアップの量は増えるが、文書のツリー構造がずっと把握しやすくなる
HTML5 Outlinerで文書の“アウトライン”を確認する
HTML5“とか”アプリ開発入門(5) 文書の「アウトライン」「暗黙的なセクション」「セクションルート」などについて、Google Chromeの拡張機能を使って視覚的に理解しよう
HTML5で既存のinputタイプに加わった6つの変更点
HTML5“とか”アプリ開発入門(6) JavaScriptを使わずにリッチな入力フォームを活用可能になったHTML5。最新Webブラウザで、その見た目と変化を確認してみましょう
HTML5でinput要素に追加された新しいタイプ13連発
HTML5“とか”アプリ開発入門(7) HTML5の新しい入力タイプを、日時関連や数値、検索、電話番号、URL、メールアドレス、色など用途別にサンプルコードとともに紹介
サイトのフォームを多機能にするHTML5の新要素5選
HTML5“とか”アプリ開発入門(8) HTML5の新しいform関連要素を、出力値やデータのリスト、進捗率の視覚化、公開鍵暗号など用途別にサンプルコードとともに紹介
HTML5で仕様になった入力値チェック+便利な3Tips
HTML5“とか”アプリ開発入門(9) CSSの疑似クラスやJavaScriptを使った方法に加え、新しい6つの属性を使ったバリデーションや、フォーム関連の便利なテクを紹介します
HTML5で動画や音声を利用しよう!
HTML5“とか”アプリ開発入門(10) HTML5では<video>や<audio>といったタグを用いてマークアップを行うだけで、簡単に動画や音声の再生ができるようになる
HTML5のvideo/audio+JavaScript APIテクニック
HTML5“とか”アプリ開発入門(11) HTML5の<video>や<audio>タグとJavaScript APIで、自由に動画や音声を楽しもう。カスタムのビデオプレイヤーだって作れる

デザインハック TOPへ

TechTargetジャパン

リッチクライアント & 帳票 フォーラム 新着記事

@ITメールマガジン 新着情報やスタッフのコラムがメールで届きます(無料)

RSSフィード

キャリアアップ

- PR -
@IT Sepcial

イベントカレンダー

PickUpイベント

- PR -
もっと見る

お勧め求人情報

ホワイトペーパーTechTargetジャパン

@IT Sepcial
ソリューションFLASH