ハーフムーン、チャンスを与えよう


夜が来ると、仕事の後、私は試してみて、新しいものをテストするために、私の限界を克服しようとすると、さまざまな技術を扱うことを学ぶことは、物事を体験することは、通常、日中は、それを見ることはできません.
最近、私はHalfmoon(GitTubの上で2526の星でCSSフレームワークをテストすることに集中していました).
ハーフムーンの誇りは、ブートストラップベースの構造(グリッドシステムは実質的に同じ)ので、身近な(クラスの非常にいくつかの違いがあります)を保証することですすべての、そしてこれは私たちのサイトのダークモードの作成のための非常に高速なサポートを提供するために、その特異性です.
その美しさは、ダッシュボードとツール、Modals、表、警報、カードを含むすべての上で出てきます.
フレームワークはクロスブラウザです.デザインシステムは本当にブートストラップに似ているので、初めて使いやすいです.
私は、その堅牢性をテストするために、15分未満で非常に小さなダッシュボードを建設しました、そして、私はクラスに適応する際に特に問題を見つけなかったと言わなければなりません.
はい、

ダッシュボードの基本構造は、例えば、サイドバーとNavbarのためのマークアップコードを含んでいるページラッパークラスと、残りのコンテンツのためのコンテンツラッパークラスを持つdivを持つdivを提供します.
HalizmoonのCSSは1500のCSS変数(私が個人的には好きです)に基づいています、そして、したがって、それはとてもとても簡単にあなたのサイトのパレットをカスタマイズするのも簡単です、また、本当によくできたオプションのライブラリがあるにもかかわらず、それはJavaScriptなしで行くことができます.利用可能なユーティリティは、特定の努力を必要としないプロジェクトのために十分です.
GitHub には、モバイルの調整、プログレスバー、スライダー、チェックボックス(ほとんどすべてのフロントエンドのための砂の部分)が懸念されている.
それは本当に簡単です、あなたは単にCSSとJavascriptのためにCDNを使うことができるか、NPMを使うことができます(あなたは、反応でそれを使うこともできます).
怠惰のためにStarter Template Generatorもあります(私は、私のダッシュボードをゼロから構築するのが好きです).
ときに、一度構造が完了すると、実際には、ライト/ダークモードを交互に機能し、フレームワークを起動するボタンを作成し、実際に我々のハーフムーンを参照してください.
<!-- HTML -->
<button class="btn btn-primary" type="button" onclick="toggleDemo()">Click me!</button>

<!-- JavaScript -->
<script src="path/to/halfmoon.js"></script>
<script>
  // Dark mode toggle demo
  function toggleDemo() {
    halfmoon.toggleDarkMode();
  }
</script>
ハーフムーンはMITライセンスの下でリリースされます.Codepenでは、彼のフレームワークのいくつかの例を提供しているTahmid を見つけることができます.
それはほとんど知られていません、そして、一見して、それは未熟なフレームワークのようです.そして、私のテストは潜在的に多くの可能性を持っていることを示しました.それは快適で、実装するために迅速で、本質的で固体です.それは本当に便利で、それを使用して楽しい…!