Bourbonを利用したUIデザインのパターン集「Refills」

Pocket

BourbonというSass mixinのライブラリがありますが、Bourbonを利用したUIデザインのパターン集がRefillsとして公式に公開されています。

どんなの?

こんな感じのよくあるナビゲーションや、

Refills 2

よくあるアプリの紹介ページみたいなパターンも用意されています。

Refills 3

それぞれのパターンには一緒にソースコードがついているので、コピペするだけで使えるという寸法です。

Refills 4

いずれもBourbonと一緒に使う必要はありますが、本当によくあるデザインなので、マークアップの参考にも使えそうです。

Bourbon – Refills