BootstrapのIllustratorテンプレート2つレスポンシブをきっちりデザインしたい人へ

Mon, 20 Apr 2015 08:30:00 +0900

レスポンシブCSSフレームワークとして大きなシェアを持っているTwitter Bootstrap(ブートストラップ)。このWorkToolSmithでもベースに使用しています。

きっちりした、指定しやすいグリッドと、手軽に使えるUIがイイカンジです！

ただレスポンシブデザインは形が大きく変化するので、変化時のカラム設計がわかりづらいという点があります。デザインを決めるためには形をしっいかりと把握する必要があります。

今日はBootstrapのデザインで非常に役立つIllustrator向けテンプレートを紹介。

Bootstrapの変形ポイントとピクセル数が完璧にわかるサイト作りました

Fri, 24 Oct 2014 18:02:12 +0900

レスポンシブなウェブサイトを作るときに非常に便利な「Bootstrap」。レスポンシブとはPCやスマホなど大きさの違うデバイスでもはみ出たり小さすぎたりしないよう、変形して表示されるCSSデザインです。

ただこの変形するピクセル数や、変形後のカラムの大きさなどがいまいちわかりづらいのが難点。