Webデザインフレームワークは二極化が進んでいます。一つはBootstrapに代表される大型でリッチなフレームワークです。非デザイナーであればこの手のフレームワークが便利です。もう一つはごく基本的な機能だけを提供するミニマムなフレームワークです。こちらはデザイナー向きです。 今回紹介するWingは後者のフレームワークです。Wingをベースにしつつ、カスタマイズして使うのが基本になるでしょう。

Wingの使い方

Wingではレスポンシブやごく基本的なタイポグラフィを提供しています。

まずはグリッドです。12分割になっています。

タイポグラフィ。

ボタン。

フォーム。

リスト。

Wingを使えばレスポンシブなWebデザインを素早く開始できます。何よりグリッド系の計算が面倒な部分を提供してくれているのが良いでしょう。タイポグラフィは日本語にマッチしているかは分からないのでサイトに合わせてカスタマイズすることになるはずです。

WingはCSS3製、MIT Licenseのオープンソース・ソフトウェアです。

Wing KingPixil/wing: Minimal, Responsive CSS Framework