10時03分05秒HalfmoonHalfmoonはBootstrapライクに使えるフロントエンドフレームワークです。美しいダッシュボードやプロダクトページの開発スピード向上をサポートしてくれるそう。RWD対応でBootstrapと概ね同じclassを採用しつつ、jQueryは使わないようにしたみたいです。一応JSは備わっていますが多くのコンポーネントはJS無しで動作するそうです。同じclassといっても完全互換ではない為、Bootstrapのテーマが同様にHalfmoonで動く保証はない点にご注意ください。classに関しては例えば以下の例を挙げてみます。CodePen.いくつかサンプルを用意しました。CDNも用意されているので手軽に試せますね。Bootstrapと比較してみます。こちらはBootstrapでのトグルスイッチです。switch</label></div>そして以下がHalfmoonのトグルスイッチ。switch</label></div>このように、完全互換という訳ではないのですが、基本的には同じ感覚で使える、といった感じです。「Bootstrapに慣れた人向けのclass仕様」と言う印象でした。前述した「美しいダッシュボードやプロダクトページの開発スピード向上」させるためにHalfmoonがこれらのページを作成する際に必要になりやすいコンポーネント等を備えています。ダークモードもビルトインされている等、1から設計せずとも済むように構築されています。因みにIE11もサポートしてるみたいです。ダッシュボードの設計の予定があるけどBootstrapは使いたくない、という方は一度ドキュメントを覗いてみては如何でしょうか。Resource勉強した本[PR]タイトルとURLをコピーしました。