CSS3 アーカイブ

[js,css] Android4.1 が返す element.style.cssText の値が他と違う件

style.cssTextにベンダープレフィックス付きプロパティをセットする検証コードをWebkit系ブラウザで見ると、戻り値はセットした値と同じベンダープレフィックス付きプロパティになります。

フレキシブルボックスの対応具合がますますカオスに

GALAXY Sなんとか端末の不具合っぷりは異常だぜ。

ゲージ作ってるとき発見した不具合（？）

CSS Programming Advent Calendar 2012の20日目の記事でCSS Maskingについて書きました。その中でAndroidには不具合があるんだよね…っていうのを最後の方で紹介したとき、 […]

Androidの画面サイズがピンキリ過ぎてｶｯとなったので真面目に調べてみた。調べついでにメディアクエリーも書いてみた。

2012年現在Webkit限定の神機能、CSS Masking(mask-image)の実用的かもしれないサンプルを２つ紹介。CSSプログラミングでゲーム作るときに使えると思うんだよね。

最近はコーヒーを飲む回数より多くAndroid爆発しろと言ってる気がします。 Android4.xで画像という画像がぼやけまくるという怪現象があり、シンプルな例を書いてみたらtranslateZが１つの原因のようでした […]

最近多用するので…。

CSS Programming Advent Calendar 2012の4日目 CSSエンジニアって肩書きもアリなんじゃないかと思っているTenderfeelです。おいしいカレーの作り方を考えてたら無事にゲームができ […]

gradientは背景にグラデーションを設定できるプロパティです。ってさらりと書いてあった記事がTLにあって、えー確かアレにも使えたはず…と思ってテストしてみるに至ったんだけど、ジェネレーターでbackgroundの […]

CompassのCSS3モジュールでは transitionsのmixinがあるのにanimationsはないので -mozとかのプレフィックスが欲しい時にはexperimentalを使うしか無い感じ。 @include […]

スマートフォンのRetinaディスプレイだとPCでくっきり見えてる画像がぼやけてしまう件。 500px × 300pxの画像をRetinaディスプレイでくっきりさせたいなら 1000px × 600pxの画像を作成してサ […]

Androidの所為で工数が増えてウザイとか、AndroidのWebkitはWebkitじゃねぇとか、スマホのCSS3関係はどうしてもAndroidをdisる感じの内容になりますね！

CSS3でグラフを作る手法はList of CSS3 Graph and Chart Techniquesにあるように色々公開されているんだけども、ソースで見ると意味不明だったりするものが多いんでそれならテーブルをグ […]