Simple CSS Framework for JP

MUSUBiiは日本語サイトのインブラウザデザインを想定したシンプルで薄味のレスポンシブ対応CSSフレームワークです。

v6.4.0・ Repository Releases

hero

腹が減ってはコードが書けぬ!

Web制作の腹ごなしに、CSSフレームワークMUSUBii(むすびー)をどうぞ。
MUSUBiiは、日本語サイトのデザイン・コーディングを元気づけます。

feature

必要なものを食べておく

Web制作は小技の積み重ねなので、毎回1から作っていたら辛いですよね。MUSUBiiにはリセットCSS・ボタン・グリッドなど利用頻度の高い汎用スタイルが詰まっています。まずはMUSUBiiをほおばってからWeb制作を始めてみましょう。

feature

簡単で分かりやすい記述

命名規則は単純で、特定の要素に「.is-(xxxx)」のclassを加えていくだけです。英小文字・数字・ハイフン1つで繋ぐルールなので覚えやすい。インブラウザデザイン中にスピーディな修正・追加を試すことができます。

feature

柔軟なレスポンシブ NEW

バージョン5以降のMUSUBiiはレスポンシブWebデザインへの対応がより柔軟なりました。例えばモバイルだけボタンを幅100%にする場合は「.is-mobile-only-full」を加えるだけ。特定条件下でのサイズ変更や表示非表示を直感的に行えます。

feature

日本語サイト向けに最適化

MUSUBiiは開発者であるデザイナーのクラクが1年で30以上の日本語サイトに組み込み検証を続けた実用性重視のCSSフレームワークです。実務に最低限必要なCSSを厳選するとともにブラウザ間のバグフィックスにも努めています。