なかなか珍しかったので備忘録。個人的 にも注目しているMedia Queryを使った レスポンシブWebデザインの構築を、 Sassをサポートしたcssフレームワーク、 Compassを使って行える、というサンプル。 完成度も高めなサンプルなのでCompassを使用しなくてもちょっとソースに目を通しておくといいかもですよ。modernizrを使用してIEにも対応させています。CompassはMoongiftさんの記事をご参照ください。css書くのがちょっと楽になる的なやつです。 Responsive Web Design Using Compass サンプルです。HTML5で構築。既にMedia Queryを使ったレスポンシブWebデザイン設計は整のえてあります。 では表示を、先日超おすすめしたResponsivepxで確認します。 320px幅 320px。iPhone等はこの表示になり
![グリッドレイアウトを意識したレスポンシブWebデザインをSass/Compassを使って構築する為のサンプル](https://cdn-ak-scissors.b.st-hatena.com/image/square/df8c8abf4940aa4c1f6afd059fee1f92b9b957d7/height=288;version=1;width=512/http%3A%2F%2Fkachibito.net%2Fwp-content%2Fuploads%2F2011%2F07%2Fcros000.jpg)