HTML5の概要や目的について説明しています。セクション関連要素についても紹介しています。 2009年のite vol. 40で話したときのスライドです。Read less
HTML5.JPオリジナルのJavaScriptライブラリを公開していきます。ご自由にライブラリをダウンロードして貴サイトにてご活用ください。 <meter> polyfill (jQuery プラグイン) <meter> polyfill は、HTML5 で新たに導入された meter 要素をサポートしていないブラウザーでも meter 要素がレンダリングされるようにする jQuery プラグインです。Chrome や Opera など、すでに meter 要素をサポートしているブラウザーには何も作用しません。このプラグインは、Interhtml5detector (Google Chrome Extentions) html5detector は、表示されているページが HTML5 でマークアップされていれば、アドレスバ
W3C HTML5 の「3.2.5 グローバル属性 (Grobal attributes)」やそれに関連する項目（W3C Recommendation 28 October 2014）の一部を和訳して構成しなおしたものです。 正確性を求める場合は原文を参照してください。また、もし本サイトのリファレンスが、原文と異なる部分がありましたら、ご指摘頂けると幸いです。 3.2.5 グローバル属性 次の属性は、すべての HTML 要素に共通であり指定することができます（本仕様で定義されていない属性も含みます）： accesskey class contenteditable dir hidden id lang spellcheck style tabindex title translate これらの属性は、HTML 要素用の属性として、この仕様で定義されているにすぎません。本仕様がこれら属性を持
はじめまして。新入りのnagataです。 入社式で自転車乗ってた野郎です。 先輩方から「ブログ、書いてね！」とのお達しがあったので、 日報で書いたらウケがよさげだったcanvasのことについて書いてみようと思います。 ※各種サンプルはChrome5.0で動作を確認しています。 canvasってなんぞ？ 図を書き込めるhtml要素です。 OpenGLやDirectXのような面倒な設定を書くことなく、 手軽にグラフィック描画が行えます。 ブラウザだけでローカルアプリケーションのような グラフィカル（かつ動的な）表現が行えるわけです。 とりあえずつかってみる 早速何か描いてみましょう。 こういうことは実践あるのみです。 処理にはJavascriptを使います。 canvasに描画を行うときは、canvas要素からcon
W3C HTML5 仕様の2014 年 10 月 28 日版の勧告 の「3.2.4 コンテントモデル (Content models)」を和訳したものです。 正確性を求める場合は、原文を参照してください。また、もし本サイトのリファレンスが、最新の仕様と異なる部分がありましたら、ご指摘頂けると幸いです。 3.2.4 コンテントモデル 本仕様で定義されている要素はそれぞれ、コンテントモデルを持ちます。それは、要素の期待されるコンテンツを説明するものです。HTML 要素は、その要素のコンテントモデルで説明されている要件に一致するコンテンツを持たなければいけません。要素のコンテンツとは、DOM における子のことです。ただし、template 要素は除きます。この要素の子は、テンプレートコンテンツの中の子となります（この要素が生成されたときに割り当てられた独立 DocumentFragment）。
What a brilliant idea! For the longest time HTML5 specified, and advised developers, that it no longer mattered what the number (1 to 6) was in a heading element (when used in conjunction with sectioning elements). What mattered was the nesting level of the H1-h6 in sectioning elements, HTML5 Element Index Head doctype html head title bas
HTML5を書くための基礎知識をメモHTML5の雛形XHTML5ではなくてHTML5のマークアップについて html> head> title>HTML5 基礎知識title> meta charset="UTF-8"> head> body> body> html> HTML5の新要素 文章構造に関するものsection汎用的なセクション。文章のアウトラインを構成する。art
なんで？ 10/1~3に行われている（行われた）HTML5 3Days TechTalkにあたって白石さん（@Shumpei）がハッシュタグの連絡ついでに、メール上でぽろっとこぼしたことがきっかけ。 今日（10/2）のTechTalkに行くんだし、今までデザインやってたんだし、未だにグループ参加しててもROMしかできてなかったので、なんかおみやげにってことで作り始めた。 具体的には？ HTML5-developers-jpのグループトップページに表示されているロゴをオリジナルなものに変えたい。 サイズは本来的には42x42らしい。（今回はアイデア優先、ちょっと大きめに作ってみた。） っていうかものを見せて。 ということで2枚ほど。 html5自体がまだ、未完成であることもあって、html5から発想することを断念。 5だけに絞ってみて、アイコニックなものとして、ビリヤードの5番ボール（オレン
正規表現といえば、主にsedやawkといったUNIXのコマンドで、あるいはPerlやJavaScriptなどのスクリプト言語の中などで、プログラマーが文字列を操作するために使う道具でした。 その正規表現がHTML5でサポートされる見通しです。いままで正規表現を使わずに済んでいたデザイナやコーダーといった職種の方々も、いずれ仕事としてきちんと正規表現を扱わなければならない時代がやってきます。 HTML5のどこに正規表現が使えるようになるの？ 正規表現は、input要素のpattern属性の中で使えることになる予定です。W3Cが2009年8月25日付け公開しているHTML5のワーキングドラフトの「4.10 F
Sunday, February 22, 2009 3 comments HTML5 Canvas Cheat Sheet Labels: canvas My memory isn't very good and I often find myself looking up ith their compact, bare-bones inf
この文書は「HTML5 differences from HTML4 (W3C Working Draft 25 May 2011)」の日本語訳です。 原文の最新版 は、この日本語訳が参照した版から更新されている可能性があります。 この日本語訳は参考情報であり、正式な文書ではないことにご注意ください。また、翻訳において生じた誤りが含まれる可能性があります。他の仕様の訳については Web 標準仕様 日本語訳一覧 を参照してください。 更新日: 2011-09-15 公開日: 2011-05-26 翻訳者: 矢倉 眞隆 <yakura-masataka@mitsue.co.jp> HTML5 における HTML4 からの変更点 2011年5月25日付 W3C 草案 (Working Draft) この版: http://www.w3.org/TR/2011/WD-html5-diff-2011
さきほど Client-side database storage について書きましたが そこで、 Client-side database storage は今は Safari からしか使うことができません しかし、 Google Gears を使ってすべてのブラウザに実装することは可能だと思います。（すでにある？） その辺りも少し調べてみたいです。 Safari 3.1 に実装された「Client-side database storage (IT戦記 と書いてから、少しだけ Google Gears が持っているクライアントサイドデータベースについて調べてみました。 Google Gears とは まず、 Google Gears について少し触れておきます。 Google Gears はブラウザの機能を拡張するためのもので、以下の機能を提供します。
Table of contents 1 Introduction2 Coemantics, structure, and HTML documents4 The elements of HTML5 Microdata6 User interaction7 Loading web pages8 Web application HTML syntax14 The XML syntax15 Rendering16
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
