スマートフォン・タブレットからインターネットサーバーオペレーション HTML5.x

APPW.jp HTML5.x

CSS Flexible Box Layout Module は CR

先日は HTML5 の仕様の状況を確認しましたが、さらに CSS3 において、わたしが最も注目している CSS Flexible Box Layout Module の仕様の状況も確認してみました。

http://www.w3.org/TR/ にて調べることができます。

CSS Flexible Box Layout Module は、2012年9月18日に Candidate Recommendation となっています。

display プロパティにおいては「display: flex;」となるなど、約1年前にわたしが仕様を調べた時とは大きく変わっているようです。

また、ベンダープレフィックスをなくす方向での見直しも必要そうです。

当サイトのデザインについて、フレックスボックスを最優先に利用していきたいという思いもありますので、最新をキャッチアップしながら見直していきたいと思います。

@supports ルールを設定してみます

CSS3 columns プロパティを試します

flexbox でも要注意の word-break プロパティ

Chrome 27 で flexbox の寸法と軸を試します

Chrome 27 で Flexbox の寸法の混在を試します

Flexbox の寸法とラインの組み合わせを試します

Chrome 27 で inline-flex を試します

CSS3 メディアクエリをおさらい

CSS3 角丸とドロップシャドウを確認

CSS3 グラデーションの最新仕様を確認

via IPv4

カテゴリー

アーカイブ