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

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

第3回くらいYokohama.jsに行ってno JS Loop Sliderを作った

jQueryでスライダーを作ろうというお題のYokohama.jsに行ってno JS Pure CSS スライダーを作って来ました。 『ループ』スライダー。これ重要 ただのno JSスライダーなんてものは既に500人くらい作っていると思ったのであくまでループスライダーであることにこだわりました...

Chromeのanimationでopacityとtransform:rotateが仲悪い件

追記:2012年09月05日現在、23.0.1255.0 dev-mではこの症状は発生しなくなっています。 cssのanimationにopacityとtransform:rotateを同時に指定するとChromeではtransformが効かなくなります。 個人的に調べた感じですと、おそらく21...

CSS Minesweeper – a game, noJS, only CSS and HTML

新作CSSプログラミング。no JS Pure CSSなマインスイーパです。 コーディングコンテスト Qでお題が「ハマるブラウザゲーム」ということで、(もちろんnoJSで)何作ろうかなと考えていたところ、「マインスイーパなんてどうだい」という提案を頂き作りました。作り始めに考えていたより大分良い感...