MozillaでHTML5パーサなどの開発に関わっているHenri Sivonenが、自身のWebサイトにベンダー接頭辞はWebにとって有害であるいう考察記事を公開しています。 Vendor Prefixes Are Hurting the Web ベンダー接頭辞はWeb開発者にも、利用者にも、そしてブラウザの競争においても有害であり、ベンダーは接頭辞つきの実装をやめるべきだという指摘を、様々な点から分析し考察しています。 利用者やブラウザの競争においても有害？ CSSのベンダー接頭辞に関する「手間」については、CSS3の機能が広く利用されているいま、説明する必要はあまりないかと思われます。 最近ではAPI仕様についても、ベンダー接頭辞をつけた実装が行われるようになりました。標準の実装において慣習となりつつあるわけです。しかし、利用者やブラウザの競争においても有害となるのはなぜでしょうか。

前回のベンダー接頭辞に関するエントリで、接頭辞なしの機能を併記してもうまくいかないことがあると書きました。 これは、標準化された（接頭辞のない）機能の構文もしくは解釈が変わってしまう場合を意図しています。そして、CSSのグラデーションでそうした変更が加えられています。 linear-gradient()のキーワードが変更に 少し前の話になりますが、9月8日に更新されたCSS3 Image Values草案では、linear-gradient()の構文で利用されるキーワードの書式が変更されています。 これまでの構文 linear-gradient( [deg | to side-or-corner] , color-stops) これまで、キーワードは、topなら下向きのグラデーション、rightは左向きのグラデーションなど、グラデーションの基点を示していました。 しかし、7月12日版の草案

CSS 2.1やセレクタ仕様の勧告が迫ってきました。CSS WGも来期の活動計画を練り始めており、各CSS3モジュールの進行や新しいモジュールの策定が期待できます。 さて、数日前にAdobeのDesign and Webブログから、CSS Regionsのに関するエントリが公開されました。 Web Standards Evolve with CSS Regions, Available on Adobe Labs « Design and Web CSS RegionsはAdobeがCSS WGに提案した新しいレイアウト関連モジュールです。これまでのCSSでは、テキストの流れがひとつのブロックから別のブロックに移るといったことができませんでした。また、円や多角形のテキスト領域を定義したり、またそれらをフロートさせるようなことができませんでした。 こういったレイアウト手法は雑誌などで広く使わ

CSS Image Values and Replaced ContentモジュールのeditorであるTab Atkins Jr.の名前で、CSS WG Blogやメーリングリスト、CSS3.infoに、グラデーションの角度表記とその方向について意見を募っています。 Angles in Gradients linear-gradient()の表記 Image Valuesのlinear-gradient()では、同じグラデーションをいくつかの書き方で指定できます。 たとえば、ボタンなどに浮き上がったように見える効果を与えるため、上に薄い色、下にそれよりも濃い色を指定するケースはグラデーションの最も多いユースケースでしょう。現在の草案で、一番簡単な指定は次になります。 background-image: linear-gradient(#eee, #ccc); 角度による表記を使うと、次の

CSS メディアクエリー 画面サイズなど、媒体の持つ特徴を利用し、スタイルシートを適用するための仕組みを提供します。 原文: “Media Queries” (W3C Recommendation 19 June 2012) セレクタ Level 3 :nth-child()や:not()など、新しいセレクタを定義するモジュールです。 原文: “Selectors Level 3” (W3C Recommendation 29 September 2011) CSS 名前空間モジュール CSSで名前空間を扱う@namespace規則を定義しています。 原文: “CSS Namespaces Module” (W3C Recommendation 29 September 2011) CSS カラーモジュール Level 3 opacityやrgba()など、色に関する値やプロパティを定義す

IEBlogの“IE8 Beta 2 Coming in August”という記事にて、IE8 Beta 2が8月にリリースされるというアナウンスがありました。Beta 2ではCSS 2.1準拠に向けたバグ修正や、スクリプトのパフォーマンス向上が見込まれるようです。また、日本語を含む各言語版のBetaも配布されます。 さて、同じ記事にて「meta要素によるレンダリングモード指定の文書を公開しました。」という報告がありました。今回はこの“Defining Document Compatibility”という文書を参考に、改めてIE8のレンダリングモードについて解説したいと思います。 3つのレンダリングモード IE8には3つのレンダリングモードが存在します。 IE8モード CSS 2.1やSelectors APIなど、Web標準を強く意識したモード。 IE7モード IE7の標準準拠モードと同

この文書は「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

この文書「XHTML Media Types ― 第二版」は、W3C の XHTML 2 ワーキンググループ による「XHTML Media Types - Second Edition (W3C Working Group Note 16 January 2009)」の日本語訳です。 この日本語訳は参考情報であり、正式な文書ではないことにご注意ください。また、翻訳において生じた誤りが含まれる可能性があります。 原文の最新版 は、この日本語訳が参照した版から更新されている可能性があります。また、この日本語訳自身も更新されている可能性があります。日本語訳の最新版は、http://standards.mitsue.co.jp/resources/w3c/TR/xhtml-media-types/ から参照することができます。 更新日: 2009-03-16 公開日: 2009-01-30 翻訳

2008年も残り一週間を切ってしまいました。というわけで、2008年のWeb標準とブラウザーの動きなどを、今年公開したエントリーから振り返ってみようと思います。 HTML, XHTML 草案がW3Cより公開されたり、「完成が2022年」などの発言もあり、HTML5は一年を通じホットなトピックでした。一部のブラウザーでは既にaudio要素やvideo要素、localStorageの実装が進んでおり、今後も目が離せません。 HTML 5の草案が公開（1月23日） HTML 5の最新草案が公開（6月11日） HTML5の完成は2022年！？（9月19日） Web標準における「相互運用性」とは（4月24日） 実装が先か、仕様が先か（11月13日） XHTMLについては、XHTML Basic 1.1やXHTML Modularization 1.1、そしてRDFaという、3つの仕様が勧告となりまし

2008年も残すところあと3週間ちょっととなりました。 そこで、今年のまとめというわけではありませんが、2008年12月時点での各モダンブラウザーの現在やこれからについてまとめてみました。 Internet Explorer 「IE8の開発版がAcid2をパスした」との発表から1年が経ち、IE8の開発も最終段階にきているようです。 リリース時期ですが、IEBlogの“IE8: What’s After Beta 2”において、来年第一四半期にRC（リリース候補）版を公開し、その後に正式リリースとなる旨がアナウンスされました。 RC版では、Beta 2に搭載された「互換表示」機能の改良版が搭載予定です。“Compatibility View Improvements to come in IE8”という記事にこれまでの流れと改良点について述べられています。 それによると、これまでは崩れるサイ

CSS WGより、メディアクエリー (Media Queries)の最終草案が公開されました。 メディアクエリーとは メディアクエリーは、link要素のmedia属性やCSSの@mediaを拡張したもので、デバイスの条件を指定しスタイルシートを適用可能にする技術です。 たとえば、「幅が1280pxなディスプレイ」と「幅が1600pxなディスプレイ」で、異なるスタイルを割り当てることができます。 /* 一般的なスクリーン */ @media screen and (device-width: 1280px) { .main { width: 600px; } .sub { /* 何もせずフッターにする */ } } /* 幅の広いスクリーンでは2カラムに */ @media screen and (device-width: 1600px) { .main { width: 800px; f

input要素には、maxlengthという属性が定義されています。先日社内でこの属性について質問をうけたので、すこし調べてみることにしました。 最大文字数を指定する属性 HTML4仕様書では、maxlength属性は次のように定義されています。 maxlength = number [CN] When the type attribute has the value "text" or "password", this attribute specifies the maximum number of characters the user may enter. This number may exceed the specified size, in which case the user agent should offer a scrolling mechanism. The de

CSSワーキンググループより、CSS Snapshot 2007の最終草案と、CSS Namespaces Moduleの勧告候補が公開されています。 CSS Snapshot 2007 最終草案では、次の変更が行われました。 ブラウザの実装状況を解説する文書ではないことを説明するため、想定読者を実装者と明記した CSSの定義を、CSS 2.1をベースに他のモジュールが上書きして構成されるものとした CSS Snapshotは他のCSS仕様の完成度に依存するため、勧告になるのはまだ先と考えられます。しかし、CSSワーキンググループが何に注力しているのかを確認できる有用な文書です。 CSS Namespaces Module 勧告候補では、前回の最終草案に寄せられたいくつかのコメントが反映されています。10年ほど前から実装が始まっていることもあり、大きな変更はありません。今後も順調に勧告案と

HTMLではリンクやフォームにaccesskey属性を設定して、キーボードショートカットを割り振ることができます。しかし、仕様上の制限や実装の違いなどの理由から、現在は効果的に利用できるものではありません。 HTML 4以降で定義されたaccesskey属性には、対象がリンクとフォームのみという制限が存在しています。昔のように静的なWebページのみであれば特に問題がありませんが、最近のWebアプリケーションのように多様なコントロールをもつものにとっては、この制限が厄介なものとなります。 これに対し、現在策定中のXHTML Access Moduleでは、新しくaccess要素というものを定義して問題の解決を図ろうとしています。 <access key="m" title="Main content" targetrole="main" /> access要素のkey属性にアクセスキーを指定

この文書「HTML 5 における HTML 4 からの変更点」は、W3C の HTML ワーキンググループ による「HTML 5 differences from HTML 4 (Working Draft 22 January 2008)」の日本語訳です。 規範的な文書は原文のみとなっています。この日本語訳は参考情報であり、正式な文書ではないことにご注意ください。また、翻訳において生じた誤りが含まれる可能性があります。 原文が勧告 (Recommendation) ではなく、策定途中の草案 (Working Draft) であることにご注意ください。 原文の最新版 は、この日本語訳が参照した版から更新されている可能性があります。また、この日本語訳自身も更新されている可能性があります。日本語訳の最新版は、W3C 仕様書 日本語訳一覧 から参照することができます。 更新日: 2008-09-

Web標準時代に求められる サイト構築法 木達一仁 株式会社ミツエーリンクス WEB開発チーム フロントエンドエンジニア Web Standards Projectメンバー k-kidachi@mitsue.co.jp / kidachi@kazuhi.to 株式会社ミツエーリンクス WEB開発チーム フロントエンドエンジニア（2004年2月～） Web標準準拠サービスの立ち上げ/運用 Web標準Blogの運営 W3C Advisory Committee Representative 海外のWeb標準関連書籍和訳版の監修 Web Standards Project（WaSP）メンバー mixiにてWeb標準コミュニティを主催（2006年5月25日現在3260人が参加） 7月15日「Web標準の日」開催