タグ

css3とflexboxに関するopparaのブックマーク (2)

  • Understanding the CSS3 Flexbox (Flexible Box Layout Module)

    4182 days since last revision. Details are possibly out of date. Update 17th August 2012: The original version of this post was based on the Editor’s Draft, 20 April 2012. Since then, the specification has undergone further changes. The article has now been updated and is based on the Editor’s Draft, 13th August 2012. The current Editor’s draft can be found at http://dev.w3.org/csswg/css3-flexbox/

  • CSS3 Writing Modes

    CSS3 Writing Modesの新しいWDが出たので初めてまともに読んだ。Writing Modesは名前の通り書字方向の制御を行うプロパティーを定義するものなんだけど、それ以外にもブロックのフロー方向の制御を行うものもある。つまり縦書きとかの需要も増えていくだろうからそういう意味でも重要なんだけど、それだけではなくてレイアウトにも大きな影響を与えるのでFlexboxなんかとの兼ね合いからも重要。 .test { flex-flow: column wrap-reverse; writing-mode: vertical-rl; } これで右下から左上へ積み重なっていくカラムとか作れる(ようになる)という話。 Flexboxを始めここらへんのは既存のCSSの知識がまったく役に立たないので、CSS知らない人の方がすぐに覚えてうまく使えそう。CSSに限らず積み重ねた知識というのは移り変わ

    CSS3 Writing Modes
  • 1