開発者のためのCSSスターターキット - Shoelace.css

フロントエンド開発者は彼らが得ることができるすべての最高のリソースを必要とします。通常これは フレームワークの上で作業する Bootstrapのように、基本的にすべてが詰まっています。.

しかし、たくさんの選択肢があります。 Shoelace.css あなたが精通しているべきであるそのような例です.

この 無料のCSSキット 完全なフレームワークではありません。その代わりに、 開発者向けスターターキット 何十ものカスタムCSSスタイルを一から構築したくない人.

いつでもCSSリセットを使用できますが、それは各ブラウザを同じようにフォーマットするだけです。リセットは より複雑なタスクを処理するための包括的な方法ではありません。, それがまさにShoelaceのポイントです.

それは ノードでCLIが実行されているパッケージ どのプロジェクトにもインストールできます。しかし、それも CDNバージョンがあります npmを使いたくない場合.

これをすべて設定するには、 インストールガイド 公式文書にあります。これはCSSライブラリとして分類されていますが、 JavaScriptコンポーネントが付属していますか, も。が それらのほとんどはjQueryで動作します, だからあなたは依存関係としてそれを含める必要があります.

ドキュメントを詳しく調べると、 カスタマイズページ あなたを示しています CSSで変数を編集する方法. これらにより、カスタムコンポーネントを構築し、デフォルトのShoelaceスタイルを簡単に変更できます。.

各コンポーネント Bootstrap-yをデザインに使用していますか, だから、Shoelaceはほとんどどんなレイアウトにも使えるでしょう.

しかし、それも Bootstrapよりも学習曲線が急峻です, それはそれほどポピュラーではないし、それほど多くの支持もありません。これを書いている時点では、Shoelaceはまだv1.0ベータ版なので、より大きなフロントエンドフレームワークに追いつくには十分な時間があります.

ドキュメントをちょっと見てみると、これが証明されるはずです。 生産現場の準備ができて. Shoelaceが学び、実装する価値があるかどうかはあなた次第です。.

でのぞき見をする コピーを入手するGitHubリポジトリ そしてその 詳細な設定情報についてはオンラインドキュメント. Shoelaceについての質問や提案がある場合は、Twitter @ claviskaのクリエイターにも1行書いてください。.