はじめに ほぼすべてのWebアプリケーションにとって、フォームはなくてはならないものになりましたが、HTMLフォームの主要な要素は13年近くも前のものです。HTML 5の最初の大きな目的の1つが、現状の潮流に合わせてこれらの要素を変更することであったのも不思... 続きを読む
サイト内検索 HTML5 をはじめよう HTML5 の雛形 HTML5 のリセット・スタイルシート HTML5 を IE や Firefox 2 でも使えるようにする方法 html5 を使ったブログのデザイン 廃止された要素とバリデーション HTML5 のセマンティクス header 要素 footer 要素 aside... 続きを読む
Much of HTML 5’s feature set involves JavaScript APIs that make it easier to develop interactive web pages but there are a slew of new elements that allow you extra semantics in your conventional Web 1.0 pages. In order to investigate these,... 続きを読む
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 simple things in various specs but sometimes they're just too damn long-winded when you're simply lookin... 続きを読む
おおおっ。きましたよーー 5 Microdata — HTML 5 [whatwg] Annotating structured data that HTML has no semantics for microdata in HTML5の最初のドラフトが上がってきました。ちょっと前にユースケースが集められてたので、追加する気なんだとちょっとびっ... 続きを読む
このエントリは、「CSSロールオーバーのアクセシビリティを少し考えてみた」や「CSSでボックス要素を画面中央に表示させてみる」に続く試しにやってみたシリーズです。 先日、WCAN mini Markupの第8回がありました。前回の「デザインを(X)HTML化しました」に続... 続きを読む
HTMLとXHTMLの違い 往々にしてWebについて勉強する際、知識や仕組みを丸暗記するのは非常に大変です。しかし、Webの歴史を学ぶと、Webの散在する知識がつながりをもち、面白く論理的に覚えることができます。そして、結果的にしっかりと知識を自分のものにでき... 続きを読む
img要素にwidth、height属性を指定するかどうかは常に悩んでいて、以前にもブログでみなさんに質問したりもしましたが、自分なりの一つの答えにたどり着きました。 画像の幅、高さの情報というのは以下の2通りの情報があると思います。 画像の大きさを構造上表... 続きを読む
2008年11月26日 水曜日 XHTML の DTD はたくさんのモジュールがインクルードされていて読む気を喪失されられるので、インクルードされたものも一緒に表示できるようにしたものを用意してみました。 自分用に作っただけなので需要はあまりないかもしれませんがせ... 続きを読む
The WHATWG Blog - Please leave your sense of logic at the door, thanks! The WHATWG Blogにおいて"The Road to HTML 5"という興味深い連載が開始された。2010年第3四半期以降に勧告として登場が予定されているHTML5で登場する新しい要素や属性、そのほかの... 続きを読む
W3C Editor's Draft 17 October 2008 This version: http://www.w3.org/TR/2008/ED-xhtml12-20081017 Latest stable version: http://www.w3.org/TR/xhtml12 Previous Editor's Draft: Diff from previous Editor's Draft: xhtml12-diff.html Editors: Shane Mc... 続きを読む
DOCTYPE スイッチについて再度まとめ 以前 DOCTYPE スイッチについての検証とまとめと一覧表という記事で DOCTYPE スイッチについてまとめましたが、あれから 2 年弱が経過したので、改めてまとめてみようと思います。 まとめるまでの話がけっこう長いので、一... 続きを読む
日付 : 2008.09.06 タグ : browser 先日リリースされたIE8 Beta 2から、EmulateIE8モードとEmulateIE7モードが追加されたので簡単にまとめ。その他のIE8のレンダリングモードに関してはIE8のレンダリングモードに関するまとめをご覧ください。 さて、今回から新... 続きを読む
やり方、って一つとは限らないのが真理かもしれませんね。 いろいろとマイクロフォーマット関連で見ていって、見つけたのですが、 XHTML Role属性モジュール(W3C Working Draft, 2007/10/04) というのがあります。 一部で誤解があるかもしれませんが、マイク... 続きを読む
Tips, Tricks, and Techniques on using Cascading Style Sheets (CSS)ID’s and Classes are “hooks” We need to ways to describe content in an HTML/XHTML document. The basic elements like <h1>, <p> and <ul> will often do the job, but our basic s... 続きを読む
Purpose Use the abbr-design-pattern to make text that is human readable also formally machine readable Avoiding using the abbr-design-pattern to re-encode human text or to hide data How to use it enclose the human-friendly text that you want ... 続きを読む
大きなテーブルは、音声読み上げで内容を聞いているとき、データが何を示す値であるかが混乱してきます。音声ブラウザは、th要素の内容やtd要素のheaders属性を利用して、補助的な情報を読者(聴取者)に伝える機能を持っています(WebSite DesignのVol.3で「音... 続きを読む
だれも今年の1月に出たW3CのHTML 5草案(http://www.w3.org/TR/2008/WD-html5-20080122/)全体を日本語訳をする気配がない*1ので、元気があれば3月に一応期間を区切っていけるところまでやってみようかなと。ただし、完訳は目標ではあるけど必ず完訳しきるとい... 続きを読む
コードは<pre>でマークアップするべき ...か? 2006–12–14 技術系のネタを出すときに避けて通れないのが、ソースコードの出し方。通常は<pre>要素でマークアップするのが一般的。だけど<pre>要素でマークアップすると、基本的にはどれだけ横長になろうがソー... 続きを読む