Webデザインを行う際に、スクラッチではなく何らかのフレームワークをベースにするケースが増えています。そんな時、あまり多機能なものを使うとデザイン全体が引きずられてしまったり、ちょっとしたカスタマイズがうまくいかなかったりします。 そこで使ってみたいのがあまり多機能ではなく、ちょっと気の利いたシンプルなCSSフレームワークです。今回はminstyle.ioを紹介します。

minstyle.ioの使い方

スクリーンショット多めで紹介します。まずはボタン。

引用。

テーブル。

アラート。

リスト。

枠がついたり、バッジと組み合わせたリストも使えます。

入力欄。

他のフォーム要素も。

バッジ。

プログレスバー。

カード。

メニュー。

ボックス。

minstyle.ioは大型なデザインフレームワークに比べると機能は多くありません。しかし大抵の場合は十分といえますし、他のライブラリ(アイコンフォントなど)と組み合わせるのも簡単そうです。基礎的な部分はminstyle.ioに任せつつ、カスタマイズできる範囲が大きそうなライブラリです。

minstyle.ioはCSS製のオープンソース・ソフトウェア(MIT License)です。

minstyle.io - A simple and light CSS framework ! Airmime/minstyle.io: ? A simple CSS Framework !