CSS マイクロフレームワークの状況を調査する

CSS を勉強し、テーブル レイアウトのない最初のいくつかの Web サイトを構築した直後に (はい、私はパスです)、CSS フレームワークの領域に出くわしました。 私が経験する最も古いものは、960 Grid Machine の使用法に変更されました。 それをフレームワークと呼ぶのは一筋縄ではいかないと思います。 間違いなく正しいグリッドです。 しかし、その時、それはかつての現代的な空気の息吹に変わりました. 占拠とグリッドのテクニックを調べてみたところ、960 グリッドは間違いなく使いやすいものに変わりました。球の上。 CSS (潜在的に Sass) と JavaScript が統合された、多数のフロントエンド フレームワーク全体が誕生しました。 そして第 2 世代では、JavaScript ライブラリを占有しています。このライブラリには、あらゆる種類の Web サイトや Web アプリを作成するためのブロックを構築する完全に専用のパーツで満たされた、球状のフロントエンド フレームワークが作成されています

。または、活力がはるかに少ないと、複雑さ、肥大化、パフォーマンス障害、依存地獄が生じます。 だから、斬新なプロジェクトを立ち上げるときは、稼ぎたい最低限のことに興味を持って始めるのが好きです。 それはまた、私が占有することが多いので、キャンディーをネットで探し回る時間を粉砕する言い訳でもあります. 私の占有CSSの使い方を完全に。 しかし、正直なところ、私は現在、CSS マイクロフレームワークとクラスレス CSS サブジェクトの問題の領域を楽しんでいます.

CSS マイクロフレームワークとは?

わからない^{1 だから私はそれを自分で定義しています:}

また、グリッド、パーツ、およびその他多くの構築のためのレッスンを正直に具現化できます。 ほとんどの場合、その後のルールのせいで制限されています.
• gzip されています。 10kbを超えた「マイクロ」や「ライトウェイト」とはおそらく関係ないのではないかと思います.
• JavaScript はもはや必須ではなく、フレームワークによって提供されなくなりました.

この定義の下では、クラスレス CSS のサブジェクトの問題もマイクロ フレームワークとして依存しますが、それらには一種の欲求があるため、それらを 1 つずつ判断することにしました。

ここに、おそらく受け取ることができるマイクロフレームワークの一部を示します。 私は Spectre、Chota、Pure を時代遅れにしましたが、それほど前ではありませんが、他のものは時代遅れになっていません。 私は、将来の不特定の時期にピコを立証することに決めます.

• ピコ: https://picocss.com/
• スペクター: https://picturepan2.github.io/spectre ミリグラム: https://milligram.io
  スケルトン: http://getskeleton.com/
  • ピクニック: https://picnicss. com/
  • ピュア: https://purecss.io/

    私が気付いた主張の 1 つは、これらの多くが、暴露のピークを過ぎて、かなり古いものに見えるということです。 私が推測するなら、それは CSS が今では非常に魅力的であり、CSS フレームワーク割り当て内のいくつかの大規模なゲーマーの使用でさえあなたに占めることができるためだと思います。あなたの占有種類を書いているのは正しいです。 それは正しい賭けです。 そして、私は一度、同じ数のフレームワークがすべての割り当てで急増し続けていることに少し驚いた. Bootstrap のような通常のものではなく、なぜ CSS マイクロフレームワークを使用するのですか?

    間違いなく多くの理由がありますが、ここに挙げた理由は

    私は

    時代遅れです彼ら:
    私が占有するなら、私はマイクロフレームワークに出発します製造工程を省略します。 引き込みやすく、稼ぎやすい傾向にあります。 私は、より少ないアイデアと、苦労して占有する必要のあるドキュメントをこれ以上必要としません。 効率。 それが小さなプロジェクトであれば、フレームワークのような大きなサイズを解釈することはおそらくないでしょう.

    • リラックスするのに倫理的です。これは、CSS マイクロ フレームワークと 2 つの大きなもの、Bootstrap と Bulma の寸法比較です。 私は、すべての縮小版から始めて、保証行からそれらを gzip することによって、これらの数字を思いつきました.

    フレームワーク サイズ
    ブートストラップ 5

    26.89 kb
    と一緒にプロット全体に表示されます ラベル)、見事なタイポグラフィの適用、およびデフォルトの HTML パーツのほとんどまたはすべてのスタイル設定.

    クラスレス CSS の主題の問題は、ある種の CSS フレームワークとは異なります。 フレームワークは、特定の構造、またはより大きな Web 用の多数のテンプレートなど、1 つのものを製造するために時代遅れになることを意図しています。 Classless CSS の件名の問題は、長期化することを嬉しく思いますが、終結に近づいていることを意味します。 これらの主題の問題は、多数のテンプレートまたは Web のレイアウトを作成するために作成されたものではありません。 そして、それらは感嘆文の中央の列で開始および終了し、それが彼らがこれまで意図したすべてです. 」 見るために作られているのと同じように、それらは間違いなく構築するために作られているわけではないからです. 私はawsm、Water、およびHolidayを時代遅れにしましたが、他のものをすぐに実証することにしました.

    Pico: https://picocss.com/ (クラスレスバージョンがあります) ) Straightforward.css https://simplecss.org/ Water.css

    ブルマ 26.95kb ピコ 9.94kb ) スペクター 9.54kb ピクニック 7.26kb チョタ 3.56kb ピュア 3.51kb ミリグラム 2.24kb スケルトン 1.64kb しかし、あなたが占有するものは、マイクロフレームワークよりも価値のある余分なマイクロを残す可能性があります? クラスレス CSS サブジェクトの問題を入力してください。 クラスレス CSS サブジェクトの問題とは何ですか? 余分な、またはあまり似ていない問題です。スタイリングのレッスンを提示しないことを除いて、マイクロフレームワーク。 代わりに、通常のセマンティックな HTML の色相を占有し、デフォルトで適切に動作することを目指しています。 これは、本体の最大幅 (または

    https://watercss.kognise.dev/
    • awsm.css https://igoradamenko.github.io/awsm.css/
      • vacation.css https://holidaycss.js.org/usage/
        • GDCSS https://gdcss.netlify.app/
        • 簡単 https://tidy.joeldare.com/
        • タイプセーフ https: //tdarb.org/typesafe-css/

          私はこれらのうちの 2 つを呼び出すことに専念します。 Water.css 約 1 年前に Hacker News で波紋を呼んで (へー)、クラスレスな主題の問題についての知識を私に与えてくれました。 お気に入りの一枚を手に持っても安心です

          GDCSS は をモデルにしています) GOV.UK

          は、シンプルさとアクセシビリティを前面に押し出すことで私が大好きです。 . 米国当局(特に地元)は、ここで英国からの主張を1つか2つ調査する可能性があります(これは開発のように見えます).

          これらおよび追加のホストは で見つかる可能性があります) CSSマットレス

        とこれ

    GitHub のクラスレス サブジェクト問題の膨大なチェックリスト. 私はこれらのクラスのない CSS 主題の問題が好きで、その理由を正確に保証するのはかなり骨の折れる作業です

    理想的な魅力は、ドロップインであり、そのプロットは特別なコーディングを獲得したり、それを占有するための信念を占有したりしません(それと一緒にあるよりも一種)。 倫理的に HTML を取得し、スタイルシートを具体化すれば完了です。 スタイルを設定した Web ページができました。

    このアイデアに出くわしたときの主なヒントを紹介します。 W3Cコアの種類. これらは、(私が判断する) ドロップイン CSS の種類であり、レッスンやその他の追加がほとんどなく、現在使用されている可能性があるものであることが意図されていました。

    Core Kinds の発見から数年後、再利用可能なサブジェクトの問題の概念は、WordPress のサブジェクトの問題を発明することで、私の精神に確実に打ち込まれます。 そして、WordPress に飛び込むと、占有テーマを公開するという概念は、私が保護したことのない何年にもわたる白いクジラに変わりました. WordPress の作業に深入りすることはもうありません。 私の Web では、restful は WordPress を使用しています (この記事の執筆時点では) が、Web ページを占有するための主要な方法論が (

    安らかなのに).

    ミルズで作った静的なサイトの場合は今考え中です 好き ^{11ty. ですから、「テーマ」は、今の私にとって一種のプロットです。 非常に優れた CSS テーマは、現在、ある種のマークアップを使用して、ある種の Web サイトにより簡単に適用できるようにするために、あまりにも価値のあるボイラープレートを想定してはなりません.}

    W3C コアの種類。 私たちは、慣習的なセマンティック HTML 以外の再カウント マークアップ プランを使用していない、いくつかの見事なデフォルト タイプを望んでいます。 あなたはできる

    W3C Core Kinds は非常に古いものであり、その上、そうではありません。

    それは、きれいに好まれ、クラスのない CSS 主題の問題が到達する場所です。それらは、ブラウザのデフォルトの先頭にかろうじて適切なスタイルを追加して、特別なマークアップを必要とせずに、審美的な色相を循環させます。 私が HTML を記述し、Ethical Works™ という素晴らしい既成のテーマを取得することを知っていることには、優れた点が 1 つあります。 なぜ私がこれをとても価値のあるものにしたいのかを語るのは難しい. ノスタルジックだと私が叫ぶ手法では、これらの主題の問題は、私が最初に HTML と CSS を発見し、単純な Web ページを手動で占有することに気付いたとき (スペース ビルダーの使用とは対照的に) に私を惹きつけます。

    それは、ネットの「裸の金属」への賭けを得るために私にファジーを熱くさせます。 これは、デスクをきれいにし、基本的に最も重要なオブジェクトを指先で簡単に操作できるデジタル版です。 これらのクラスレスな主題の問題は、現代的で知的な感じがし、トピックのミニマルな性質はありません。 彼らは私に余分な叫び声を書き留めることに専念させます。 私たちは

    に
    を占めます 感嘆文を書くことに興味があります。 書き留めて世界の対象読者に公開することは、これまでになく簡単で安価になりました.2

    フレームワーク – はるかに少ないフレームワーク

    コースをさらに深く進むにつれて最小限の CSS スターターについては、論理的な結論で終了します。フレームワークが少しでも必要なくなる可能性があります。 CSS は、最後の 10 年間で長い方法論を確立しました。 多くのフレームワークは、CSS が現在占めることができる冷ややかなものについて理想的なことをしていません (例: コンテナクエリ,

    小説sizing units, and many other other.). 
    時代遅れで複雑だった問題は、今ではより簡単に扱う価値があります。 サイドバーと主要な感嘆符の割り当てだけが好きな場合は、次のように色を付けます: 
     .with-sidebar { デモンストレーション: フレックス; フレックスラップ: ラップ; 穴: 1 レム;  } .sidebar { /↓ サイドバーがサイドバーである場合の幅 */ flex-foundation: 20rem; フレックス成長: 1;  } .no longer-sidebar { /↓ 無から開発 */ flex-foundation: 0; フレックス成長: 999;  /↓ パーツが等幅の場合は折り返す */ min-inline-dimension: 50%;  }  
    提供： すべてのレイアウト
      )要点 
    より少ないコードは厄介であり、Web で言えば、より簡単に占有することは、高度な占有よりも高いことがよくあります。3

    マイクロフレームワークとクラスレスサブジェクトの問題は、ファイルサイズの肥大化、製造ステップ、または大量のドキュメントを覗き込むことなく、迅速に起動して実行できます。 クラスレス CSS の主題の問題は、デフォルトで優れた色相を示しており、表示可能にするためにいくつかの HTML が必要であると同時に、すぐに出発する必要があります。 𝚆𝚊𝚝𝚌𝚑 𝙽𝙾𝚆 📺