17

モバイル端末にも対応したウェブサイトの構築を開始しています。そのため、メディア クエリやさまざまなグリッド フレームワークの研究も開始しています。Inuit.css、セマンティック グリッドなどのすべての「メイン プレーヤー」を調べたところ、おそらくフレームレス グリッドが最適であることがわかりました。

著者は、「 Less Frameworkの精神的な後継者」であると述べています。

Ok。メインの framelessgrid.com ページ (フレームレス グリッドを実装する必要があります) の less/css コードと html コードをすべて調べましたが、実際にどのように実装できるかわかりません。

  • まず第一に、「フレームレス」とは正確には何を意味するのでしょうか? 単にフレームワークではないということですか？また、自由な列幅と「反転」メディア クエリを「モバイル ファースト」にする以外に、lessframework との違いは何ですか?

  • .less 変数 (特に @cols シリーズ) を正確に使用するにはどうすればよいですか?

  • 「ピクセルごとではなく、列ごとに適応する」とは何ですか。平均？この概念をどのように実践に移すべきでしょうか?

:)

4

5 に答える 5

13

ついにフレームレス グリッドを使用するようになったので、自分の質問に答えたいと思います。

  1. わからない :PI つまり、その名前、わかりません。しかし、それは問題ではありません.. (フレームレス グリッドの作成者にもここで回答するように依頼しましたが、彼は回答しませんでした。)

  2. @cols変数。基本的にはフレームレスグリッドだと思います。フレームレス グリッドは「単なる」アイデアなので、そうではありません。しかし、実際には、それは「標準」アプローチに対する主な css の違いです。要素の幅をピクセルではなく列で定義するだけです。それで全部です。もちろん、これは Less または Sass を使用してのみ行うことができます。less と scss を知らなかったので、主なアイデアを完全には理解できませんでした。要素の幅が 8 列、別の 5 列などであると言うことになります。ピクセルを計算するよりもはるかに簡単です。

  3. 回答 2 を参照してください:P

これが他の誰かを助けることを願っています。

于 2011-11-17T14:33:44.687 に答える
2

約 1 か月前からフレームレスのコンセプトに取り組んでいて、約 1 週間前に電球の瞬間にぶつかりました...フレームレスのコンセプトがどれくらいだったのか、それともフレームレスのコンセプトがどれだけ機能していたのかはわかりません。しかし、これまでのところ、コンセプトがかなり堅実であることはわかっています。

彼が構築したものは、開発者が自分の道に分岐し、少ないドキュメントを構築し、最終的に独自のフレームワークを構築するための最良の方法を見つけるための出発点であるため、ドキュメントはないと思います。

しかし、ガターと列の幅を他の変数と交換し、それらを分割して、brttween要素の適切な比率を見つけ始めました。最終的には、1 つの数値の変更でテーマ全体を変更できるマスター var になります。可能性は無限大です。

于 2012-02-24T05:58:26.390 に答える
2

プログラミング側から css を使用している場合は、less を強くお勧めします。それは本当にあなたのプログラミングの心にcssを良い方法で入れます.

私が抱えていた問題の 1 つは、ページの読み込みごとに css を処理するという概念 (これはおそらく JavaScript フレームワークを処理するよりも悪いことではありません) や、サーバーで実行するためのコンパイラを少なく設定することでした。

もっと良い方法があります。Windows または OS X のLess アプリを使用している場合は、winlessをインストールするだけです。.less ファイルに変更を加えるたびに、完成した css をコンパイルするシンプルなファイル ウォッチャーです。プロジェクトを次のように設定した場合:

/styles /css /less

どちらも、コンパイルされた css ファイルを css ディレクトリに配置します。次に、html を css ファイルにリンクすることができ、オンザフライでのコンパイルについて心配する必要はありません。どちらも、ソース管理プラットフォームでもうまく機能します。

Less には約 1 ページのドキュメントしかないため、約 1 時間程度で作業を開始して習熟することができます。CSS を知っていれば構文はほとんど知っているので、作業するのは本当に楽しいです。Less は css のスーパーセットであるため、css について知っていることはすべて有効です。いくつかの少ない構文追加は、非常に簡単に把握できます。

Less Frameworkよりもフレームレスの設定の方が少し好きですが、それは選択の問題です。

また、フレームレスのドキュメントよりも少し多くの情報が必要な場合は、実際のサイトで使用されている css を確認してください。

楽しむ！

于 2012-01-12T00:46:27.480 に答える
0

上記のStratboyの回答に加えて、 Framelessgridで使用される CSS Joni の量が少ないことについて、私の質問と他の回答を共有したいと思います。CSS が少ないことを理解するのに苦労しましたが、SO コミュニティは本当に役に立ちました。

このLESS cssの読み方は？

于 2012-01-20T21:20:06.877 に答える