• かちびと.net

    シンプルさを求めて作られたレスポンシブWebデザイン対応のCSSフレームワーク・TOASTのご紹介。IE7を切ることでシンプルに、という事みたいです。

    Kudos for

    WordPress jQuery
  • About This

    Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

    Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

  • Links

シンプルさを求めて作られたレスポンシブWebデザイン対応のCSSフレームワーク・TOAST

スポンサーリンク

よりシンプルに、を追求したCSS
フレームワークだそうです。レス
ポンシブWebデザインにも対応し
ています。シンプルと言う言葉に
どうも弱い・・・

「出来るだけシンプルに」ではなく「シンプルに」をモットーに作られたようです。シンプルかどうかは個人によって意見が分かれるとは思いますのでご自信でソースや機能をお確かめ頂ければと思います。

TOAST


IE7を切ってるので、結構シンプルな作りではあります。確かに英語圏のWebサイトを見てると高確率でIE7で崩れてますね。見てるサイトも偏っているので偏見でしょうけど。

IE8以降はdisplay:inline-block;が使えるのでfloatclearfixを使用せずにグリッドレイアウトをシンプルなソースで作成できる、という事みたい。

.grids [class*="grid-"] {
  display: inline-block;
  margin: 0 0 0 1.7%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  letter-spacing: 0;
}

box-sizingもIE8以降に対応してるので使われているんですがベンダープレフィクスなければさらにシンプルに出来るんですけど・・どうにかならないものでしょうかね。

日本のPCサイトではIE7切りはまだ難しい気もしますが、PC以外のデバイスに切り替える際に使えるかもですね。何にしてもシンプルな事はいいことですね。

TOAST

URL :
TRB :

Ads

Posts

Contact

Services