type="date">-HTML5タグリファレンス仕様をちゃんと見なきゃと思うけどもなかなかきついのでHTML5リファレンスにお世話になる。見てるとHTML5から追加されたアレコレが魅力的すぎて早く全部のブラウザで使えるようになって、サイト制作に使えるようになってほしい。type="date"は現在ChromeとOperaでしか使えないけど他のブラウザではおそらくtype="text"を指定したとみなされて?普通のテキストフォームになるのでプログレッシブ・エンハンスメントとして使っちゃうこともできる。ショボイ方がOperaで、リッチな方がChrome。年、月を変えるボタンとドロップダウンになってる年月表示。自動で入るプレースホルダー(薄い字のヒント)もある。いい加減コードとサンプルサイト晒します。&lt;/section&gt;適当に日付を入力させて期間をJavaScriptで計算して出すだけの簡単なもの。Dateがブラウザ毎に受け取れる値が異なるから作ったのに普通にYYYY/MM/DDで全部できた。動きが見たい人はサンプルページへどうぞ。tableタグのrole="presentation"という見慣れない文字列についてtableタグは表以外に(レイアウト目的で)使ってはいけないと思われているが別に禁止されていない(らしい)。本当はCSSでレイアウトを調整することが推奨されているのだけど面倒なのでtableタグで実装した。普通に組んだんじゃ良くないのでWAI-ARIAのrole="presentation"つけた。アクセシビリティ的にも良いらしい。Applications)って流行らなそうだけど必要な人にはとことん必要なものなので知っておきたいですね。1.0HTML5のtable要素が表なのかレイアウト目的なのかを示す属性やら要素について調べてみた。role="presentation"の役割は凄い。Vanguardレイアウトテーブルの使用は禁止されていない。terkel.jpアクセシビリティを加速するWAI-ARIAjQuery版とJavaScript版の日付差分取得jQueryはいいね。ジョンの生み出した文化の極みだよ。document.getElementByIdなんて長い文を書かなくていいんだ。あとはJavaScript標準のDateオブジェクトを生成してgetTime()でUNIXTIMEからの経過時間をミリ秒を取得して差分を日単位になるまで割ればオッケー☆フォームに代入しちゃおう♡フォームにidを指定しなくてもいいんだ。$('input[name="period"]').val(period);}$('input[name="begin"]')はinput要素のname属性がbeginな要素を指定している。だいたい同じ値をidとnameに指定していて、重複した感じが嫌だったのでこれは嬉しいね。できるカメラアプリです。DevCameraテスターコミュニティも作りました。