No.1026 » Chrome

input[type="range"]は当分使い物になりそうにない

1026 — Mon, 10 Sep 2012 13:55:24 +0000

webkit系ブラウザとOperaで既に使える input[type="range"] 。そしてChromeとOperaで更に使える input[type="range"] にメモリを付けられるdatalist。よくわからない人はこの辺が参考になるでしょうか？

そもそもの使い道が多くありませんし、使えるブラウザが少なすぎるので使い物にならないのも当然なんですが、現状のまま他のブラウザが対応しても使い物にならないことはかわりません。

ブラウザ間どころか同じブラウザでもOSが違うと見た目がぜんぜん違う。フォント云々とか言うレベルではありません。

以下、macとwinのChromeとOperaのキャプチャを取りましたので御覧ください（chromeがdevにしてはちょっと古いのは気になさらずに）。尚、コチラを表示してキャプチャさせていただきました。ありがとうございます。

ね？使えないでしょ？

サムがOS依存なのかとも思いましたが、確かにmacの方はそれっぽいですが、winの方はまた違うような…。更に、ChromeはMacとWinでメモリが上下左右逆というのも非常によろしくない。そしてMacのOperaはdatalist対応してなかったのね。

こんな具合で見た目がバラッバラです。これで他のブラウザでも更にサムの見た目が変わったりしたら…

「こいつは使い物になるまでまだまだ先が長いぞ。というか使い物になる日が来るのか？」というお話でした。

1026 — Sun, 15 Jul 2012 08:36:44 +0000

追記：2012年09月05日現在、23.0.1255.0 dev-mではこの症状は発生しなくなっています。

cssのanimationにopacityとtransform:rotateを同時に指定するとChromeではtransformが効かなくなります。

個人的に調べた感じですと、おそらく21からこの仕様になっています。

これによってCSS Baseballが死にました。

1026 — Wed, 13 Jun 2012 08:22:34 +0000

タイトルの通りです。

MacでもWindowsでもダメだと思います。

outline:1px solid transparent;するとアンチエイリアスが捗る場合があるのですが、今回はダメでした。

追記：ChromeのVerによって直ったりまた発生したりを繰り返している気がします。
謎です。