Entries from 2012-01-01 to 1 year

Sassでlinear-gradient()のmixinをつくる その2

CSS

誰がうれしいのかわからない、CSS Preprocessor Advent Calendar 2012の記事の第2弾です。今回は -webkit-gradient() への変換について書こうと思ったのですが、ひとつ忘れてたことがあったので、それについて書きます。 Part 4 ― type_of() で処理を振り分…

Sassでlinear-gradient()のmixinをつくる

CSS

このエントリはCSS Preprocessor Advent Calendar 2012、13日目のエントリです。 Sassを本格的に使い始めてもう6ヶ月経つのですが、まだまだだなあと思うこと多々です。というわけで、勉強のためCSSのグラデーションを出力するmixinを書いてみました。 Part …

HTMLに提案中のmain要素

12月になった。HTML5とCanvas APIのCRが出る。 Transition Request: HTML5 as Candidate Recommendation Transition Request: HTML Canvas 2D Context as Candidate Recommendation MicrodataはRDFaコミュニティのキャンペーンにより遅れそう。わからんけど…

:-moz-placeholderから::-moz-placeholderに

コロンに注目ね。Mozillaはこれまでplaceholder属性にスタイルをつけるために、:-moz-placeholderという擬似クラスを使っていたんだけど、Firefox 19からは::-moz-placeholderという擬似要素になる。 737786 – Switch from :-moz-placeholder to ::-moz-plac…

さらばmozとoのdevice-pixel-ratio

そういえば、Firefox 16とOpera 12.10からメディアクエリーのresolutionとdppxが使えるのを思い出した。これらを使うと、Retina displayはじめ高密度なディスプレイに対応するコードがけっこう短くなる。 これまではこんな感じ。 @media (-webkit-min-device…

HTML WG Status Report (TPAC 2012)

TPACへ行けず意気消沈している。それはそれとして、3人のco-chairの連名でAdvisory Committee向けに出したスライドが公開されていた。 HTML WG status report to Lyon AC meeting (PDF) HTML WG Status Report Status Reportでそんな新しい話はなかった。HTM…

FirefoxのFlexbox実装、進行中

MozillaのBug 666041がRESOLVED FIXEDになった。また一歩CSS Flexboxのサポートに近づいた。 Bug 666041 – CSS Flexbox Layout Level 3 バグのタイトル的にはメタバグっぽいんだけど、そうじゃなくて、基本的なところの実装みたい。なのでMultiline Flexbox…

MicrosoftがPointer Eventsの仕様をW3Cに提出

IE10ではMSPointerという、タッチ、マウス、ペンなどを「ポインタ」としてデバイス非依存な感じで扱うMicrosoft拡張イベントが実装されている。それがW3C Submissionとして提出されたらしい。 Microsoft submitted PointerEvent spec to W3C for standardiza…

Plan 2014 ― HTML 5.1とか拡張仕様とか

ひゃっ、HTML 5.1ときましたか。 Getting HTML5 to Recommendation in 2014 - W3C Blog Getting HTML5 to Recommendation in 2014 2014年に勧告するためにはどうすればいいかあれこれ考えて、「HTML 5.0を2014年に、HTML 5.1を2016年にそれぞれ勧告する」と…

Chrome (dev) のAction box ― Web Intentsでシェアする機能が追加

追記 (2012-09-21): Cr24に見送られたので再び無効にされちゃった。残念… 今日のChrome Dev Channelで、Action boxなるものが有効になった。 Dev Channel Update [chrome] Revision 155146 ― Change enable-action-box flag to disable-action-box, so actio…

接頭辞外しと-webkit-サポート

もう書くのだるいんだけど、またまたベンダー接頭辞的なおはなし。 Opera 12.50では標準と-webkit-のみ (-o-さよなら) 今月に入って、Opera 12.50で使われるPrestoのバージョンが2.12になった。 まず3日のsnapshotでは、接頭辞なしのTransitions, 2D Transfo…

@supports ― CSSのFeature Queries

Twitter殺しなタイトルだ。Firefox NightlyにCSS Conditional Rulesの@supportsが入った。 Bug 649740 - Implement @supports Support for @supports in Firefox Nightly • Cameron McCormack's blog 仕様がまだ初期段階なので、他のベンダーや仕様の動きが…

Firefox (Nightly)で接頭辞なしのCSS Transitions, CSS Animationsも実装

うっ、一日待っとけばよかった。TransitionsとAnimationsにも接頭辞なしのが実装された。 Bug 762303 - Unprefix CSS Transition properties and provide temporary aliases for -moz-transition and exposed subproperties. Bug 762302 - Unprefix CSS Anim…

Firefox (Nightly)で接頭辞なしのCSS TransformsとGradientsが実装

接頭辞なしのCSS TransformsとCSS GradientsがFirefox Nightlyに実装された。 745523 – [css3-transforms] Unprefix transforms 752187 – Drop prefix for gradients バグのタイトルにはunprefixやdrop prefixとあるけれど、今のところは接頭辞なしのバージ…

Web Intents FPWD

W3C

まだ出ていなかったのか感も強いけれど、公開。 Web Intents (W3C Working Draft 26 June 2012) 最近追いかけていないので何か目立った変更があるのかとか、そういうのは全然わからない…。あ、<intent>要素はIDLになってる(前はDTDで書かれてた)。 他のブラウザベ</intent>…

WebFonts WGのrecharter: より高い圧縮率を備えたWOFF 2.0の検討

W3C

WebFonts WGの新しいdraft charterが出ていた。先月末付で。知らなかった。 DRAFT Web Fonts Working Group Charter 勧告が近いWOFF 1.0 WebFonts WGはWebフォントのフォーマットWOFFを策定しているところ。WOFF 1.0は2011年8月に勧告候補が出ていて、それか…

HTML5 Readinessをアップデートした

といっても先週末の話。 HTML5 Readiness 更新内容は、2012年のステータスを追加しただけ。2012年になってから更新されてなかったので。 先走ってOpera 12, IE10, Safariの次期バージョンのサポートを2012年版としている。Opera 12はリリースされたし(おめ…

FlexboxがLCに: プロパティ名などもろもろ変更

タイトルの通りで、FlexboxのLCが公開。 [css3-flexbox] Going to Last Call CSS Flexible Box Layout Module (W3C Working Draft, 12 June 2012) LCは喜ばしいんだけど、なんせTabせんせやfantasaiせんせがEditorなので、政情不安定というか変なところで変…

Transitions, Transforms, Animationsの接頭辞が省けるようになった

昨晩というか今朝のCSS WG Teleconにて。 CSS WG Blog – Minutes and Resolutions Telecon 2012-06-06 [CSSWG] Minutes and Resolutions Telecon 2012-06-06 Resolved: Transitions, Transforms, and Animations may be released unprefixed. IE10PP6でなぜ…

外部のCSSを参照したSVGは思うように参照できるか

おおおお、なるほどー! HTML -> CSS -> SVG -> CSS - Weblog - hail2u.net ただやっぱり、CSSの外部参照は厳しそうですね。 SVGから外部スタイルシートを参照するその他の方法 SVGから外部CSSを読み込む方法としては、記事にあるxml-stylesheet PIを使う他…

StatCounterではChromeユーザが増えている

ほほー。確かにChromeがIEを超えている。 Google Chrome Leapfrogs Internet Explorer as the Web's Top Browser Top 5 Browsers from W20 2011 to W20 2012 (Worldwide) ※ただしStatCounter いや、IEが減ってChromeが伸びているとは思うけれど、ここまでで…

HTMLのsrcset属性

まだfirst draftなので変わるかもしれないけれど、そういうのが入った。 7102. <img srcset> - first draft HTML - srcset attribute このまえWebKitに実装された-webkit-image-setと似たような感じ。提案したのがHoberなので似てるのも当然か。 srcsetの書き方 値にはUR…

WebKitBlobBuilderが削除

Blobコンストラクタがあるから要らないよということで、deprecatedとされたBlobBuilder。MozillaもFirefox 14からMozBlobBuilderを使うとコンソールにwarningが出ることは、前に書いた。 さて、WebKitBlobBuilderはどうか。これまでの接頭辞の議論を考えると…

接頭辞が必要な場合とはなにか、また削除はできるのか

WebKit Contributor Meetingの機能廃止&接頭辞セッションから、接頭辞の削除について。 非ブラウザでの接頭辞つき機能 まずAppleのSam Weinigから、WebKitはブラウザ以外にも使われるけれど、ブラウザ以外のWebKit利用例で、接頭辞を省くことが話の通ること…

-webkit-な機能を一部サポートしたOpera Mobile Emulatorの実験ビルドが公開

WebKit Contributor Meetingの後編書いてたら、Opera Mobile Emulatorの実験ビルドが公開された。このビルドでは試験的に、一部の-webkit-なCSSの機能をエイリアスとしてサポートしている。 Opera Mobile Emulator build with experimental WebKit prefix su…

すでにある機能の廃止は難しい

OperaがWebKitの接頭辞を…というのは、まあとりあえずは中の人からの報告を待っておくとして。 さて、WebKitプロジェクトは接頭辞についてどう考えているんだろうか。先週やっていたWebKit Contributor Meetingで接頭辞などについて取り上げたセッションがあ…

HTML5のeditor募集とHTML.nextにむけたHTML WGのプラン

HTML WG co-chairのMaciej Stachowiakが、HTML5のeditorを募集するというメールを出している。 HTML Working Group Changes HTML5のファイナライズ、つまり勧告をみる時期にきている。一方で、「ポストHTML5」な機能についても考えはじめなければならない。…

AppleがTouch Events仕様に対し新たに3件の特許情報を開示

W3C

jQuery BlogでTouch Eventsと特許の件についてエントリが上がっていた。 jQuery Blog » Getting Touchy About Patents Appleの独自拡張としての始まり、Mozillaの独自タッチイベントモデル、W3CのTouch Events仕様、MicrosoftのMSPointer、Appleの特許開示に…

WebKitではGeolocation APIがキャッシュをブロックするらしい

IE9ではnavigator.geolocationのチェックでメモリリークするらしいという話を書いたけれど、WebKitではページのキャッシュをブロックするらしい。なんと… またまたModernizrから。 Pull Request #551: Avoid activating geolocation in WebKit by josh · Mod…

HTML5 (と関連WD) 更新

もうWDだそうと思っても出せないんじゃないかなあ、と思ってたんだけど、(まあまあ)無事に出せたようです。 Ten HTML5 Drafts Updated The HTML Working Group has published ten updated working drafts: the HTML5 specification HTML5: Edition for Web A…