WEBフロントエンドの開発は常にブラウザと共にあります。しかしながら各ブラウザ間の実装の違いにより手を焼かせられることは日常茶飯事。特にCSSにはJavaScriptのようにPolyfillを提供出来る手段がないので、新しく便利なプロパティが登場してもブラウザの実装を待つ必要がありました。 「あのCSSプロパティ使いたいけど、あのブラウザには実装されてないしな...。」 そんな悩みを将来はHoudiniで解決できるかもしれません。 Houdiniについては名前だけは知ってる程度だったので、丁度良い機会と思い調べてみました。 Houdiniとは？ 機能の標準化には長い年月が必要です。JavaScriptであれば開発者自身の手でグローバルオブジェクトやPrototypeを拡張するなどしてその機能を再現することが出来ましたがCSSでは不可能でした。 そこでブラウザのレンダリングプロセスの中でJa
この記事は CSS Advent Calendar 2016 の5日目の記事です。 W3C Houdini Task Forceで進められている「Houdini」と呼ばれるプロジェクトの話をします。 FlexBoxの例 突然ですが、FlexBoxの話をします。 モジュールの横並びには重宝しますよね。 今年になってだいぶ利用が進んだ印象がありますが、随分と前からFlexBoxの仕様は存在していました。 一番最初の草案に遡ってみると、なんと2009年。 7年前です。 2013年くらいからFlexBox良いぞという記事はちらほら出始め、おそらく皆認識はしていました。 が、ブラウザの対応状況などを考慮し実装できずにいたと思います。 仕様定義の議論から実際にここまで普及するまで7年間もかかっているわけです。 流れを整理してみると、以下のようになります。 提案、議論、仕様書作成あたりに時間がかかるのは
CSS が行う作業の量について考えたことはありますか？1 つの属性を変更すると、ウェブサイト全体が突然別のレイアウトで表示される。魔法のようなものです。これまで、ウェブ デベロッパーのコミュニティは、その魔法を目撃し、観察することしかできませんでした。独自の魔法を作りたい場合はどうすればよいですか？マジシャンになりたい場合はどうすればよいですか？ Houdini を導入しましょう。 Houdini タスクフォースは、Mozilla、Apple、Opera、Microsoft、HP、Intel、Google のエンジニアで構成されており、CSS エンジンの特定の部分をウェブ デベロッパーに公開するために協力しています。タスクフォースは、W3C に承認され、実際のウェブ標準となることを目標に、ドラフトのコレクションに取り組んでいます。いくつかの大まかな目標を設定し、それを仕様案に変え、さらに、
Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. 3月24日(米国時間)にSmashing Magazineに掲載された記事「Houdini: Maybe The Most Exciting Development In CSS You've Never Heard Of｜Smashing Magazine」が、現在W3C Houdini Task Forceで進められている「Houdini」と呼ばれる取り組みを紹介した。記事ではHoudiniは考えられているよりも早いタイミングで利用できるようになるだろうと説明しており、関係者に注目を呼びかけている。 CSSで新しい機能が利用できるようになるには長い時間が必要になる。CSSに新しい機能が取り込まれ、こ
Houdini is a new W3C task force that introduces a new set of APIs that will give developers the power to extend CSS itself, and the tools to hook into the styling and layout process of a browser’s rendering engine. In this article, Philip Walton is going to talk about how Houdini will solve CSS feature problems and list some of the more exciting features currently in development. He’ll also offer
Vivliostyle開発担当の川久保です。 先日シドニーで行われたW3C CSS Working Groupのface to faceミーティングに、Vivliostyleチームの村上真雄、川久保亮、Johannes Wilmが参加しました。今回は、CSS Working Group本体のミーティングの前に、CSS Houdini Task Force（以下で説明）の初回ミーティングも行われました。これらのミーティングの内容についてご紹介します。 場所 今回のミーティングはGoogle Sydneyで行われました。 ビルの外側にはGoogleと書かれていませんが、この中にGoogleのオフィスが入っています。近くの別のビルにもGoogleのオフィスがあります。 ビルの前はこんな感じです。 ビルの中に入るとGoogleのロゴが。 Googleマップ用の自転車がありました。 Googleでは
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く