2016年7月15日金曜日

全部知ってる?今後のサイト制作で押さえたいCSSの最新プロパティ9選

CSSの登場から20年。この間、CSSはものすごく進化していました。「それって昔のやり方ですね」なんて言われないように、今後のサイト制作でチェックしておきたい最新のプロパティ(と関数)が学べる記事を9つ、厳選して紹介します。まだまだドラフト段階の仕様もありますので、各自記事の解説をチェックしてください。

1.グリッドレイアウトが捗るGrid Layout Module

01.png
CSSのレイアウトといえば、伝統的にはfloatプロパティ、最近ではFlexboxをよく使いますよね。仕様策定中のGrid Layout Moduleなら、もっと効率が上がりそうです。

2.テキストの回り込みが簡単に! CSS Shapesプロパティ

02.png
Webデザインは四角形のボックス型になりがちです。しかし、CSS Shapesを使えば、テキストを画像などの形にあわせて回りこませたり、流しこんだりできます。

3.段組レイアウトがラクにできるcolumnsプロパティ

04.png
CSSのマルチカラム(段組)レイアウトモジュール機能を使えば、Webサイト上でも印刷物と同じような段組が実現できるので、どのスクリーンサイズにも適応するレスポンシブなマルチカラムが設定できます。




...詳しい情報・続きはこちら >>
http://ascii.jp/elem/000/001/185/1185361/
─情報元:ASCII.jpサイト様─