問題タブ [cascade-framework]

私はニコールサリバンのオブジェクト指向CSS哲学/コーディング方法論/何でも使用することの利点で売られています。特に、私は現在構築しているサイトで「メディアブロック」などの原則を使用することに熱心です。

ただし、液体スタイルのグリッドシステムがバンドルされており、設計者は現在、厳密な960グリッド幅のシステムを構築しています。960グリッドシステムは、固定の12列または16列のレイアウトを使用し、それぞれが40ピクセルまたは60ピクセルで構成されます。OOCSSは、レイアウトを1 / 2、1 / 3、1 / 4、または1/5の部分の流動的な分割に分割します。

960.gsには、列の間にそれぞれ10pxの固有の「ガター」マージンが組み込まれています。OOCSSは、任意の幅にすることができるため、列間にマージンがありません。代わりに、コンテンツとコンテナーを分離するために、コンテンツ要素間にマージンが提供されます。

これら2つのフレームワークの両方の最良のものを当社のCSSボイラープレートに組み合わせて組み合わせるのは悪い考えですか？OOCSSグリッドフレームワークの流動的な性質により、堅固な960ページ幅にはあまり適していませんか？HTML5ボイラープレートも使用しています。

特定のフレームワークをOOCSS（SASSなど）に組み込む場合、2つのアプローチは互いに直交する可能性があり、1つを選択してそれを維持する方がよいことをすでに知っているので、これを求めていますが、これは常にではない可能性がありますケースになります。

InternetExplorerに対応したCSSフレームワークが必要です。また、jQueryと互換性がある必要があります（互換性があるということは、うまく機能するという意味です）。

このレイアウトデザインに基づいて、簡単にWebサイトを作成できるようにする必要があります。これは非常にn00bishの質問であることを私は知っていますが、私はWebサイトの単純なレイアウトを設定するのが面倒で、サーバー側のプログラミングを好みます。

Blueprint CSSを試し、正常に作成しましたが、jQueryまたはSparkJSで混乱しています。ですから、ブループリントは私にはダメです。

私はBootstrapの幸せなユーザーでした。

しかし、私たちのユーザーのほとんどは現在、IE6が37％である中国から来ています。
したがって、IE6をサポートしていないBootstrapを放棄する必要があります。

IE6もサポートするBootstrap（HTML / CSSレイアウトを簡素化）に似たライブラリはありますか？

私はクライアントのためにいくつかのサイトを作成しましたが、これらはIE7ではうまく機能していないことがわかりました。IE7を使用している人はまだ3％です:(それを修正するための非常に迅速な方法は何ですか。いくつかの記事を参照するか、いくつかのjsソリューション。アドバイスをお願いします！

Cascade Frameworkを使用しており、ロゴ、選択、および外部サイトへのリンクを含む単純なヘッダーがあります。

私のフィドルはここにあります

デスクトップモードのままで問題ない場合のレイアウト。レスポンシブ モードでは、次のようになります。

一方、レスポンシブモードでは次のことが必要です。

これらの回答は、flexbox または jquery の使用を提案しています。ie8 のサポートが必要なため、flexbox を使用できません。また、jquery に頼る必要はありません。これは、かなり単純な css ソリューションである必要があるように思われるからです。そのページの別の回答は、ユースケースに適応しようとしてきた大量のcssを示していますが、それでも問題は解決しませんでした。

これは質問というより討論ですが、インターネット上でこのトピックを扱っているものはあまりないように感じます。

たとえば、ファンデーションには何百もの !important タグがあり、私の目にはそれらを必要としないものがあります。

これに似た css がたくさんありますが、これは私の観点では悪い習慣であり、私が答えたい質問は、なぜ css フレームワークがそれらを使用するのかということです。Bootstrap と Foundation は、両方を使用する 2 つの主要な CSS フレームワークです。

css で重要なタグを使用することは非常に悪い習慣であり、IE でのみ使用する必要があると常に言われてきました。

私が 2 つの異なる CSS フレームワークを持つ SPA プロジェクトに取り組んでおり、「新しくて新鮮な」フレームワークと別の「古くて面倒な」フレームワークを共存させる必要があるとします。Web アプリのすべてのモジュールは新しい CSS フレームワークで行う必要がありますが、古い CSS フレームワークには、新しいフレームワークの基本的な正規化/リセット ルールの一部を上書きし、新しい CSS に影響を与える非常に積極的なルールがあります。例：

古いframework.css

私はさまざまな解決策を検討しましたが、どれもうまくいきません。

• 新しいフレームワークに css 名前空間を使用します。古いスタイルの変更を避けるのは問題ありませんが、古い css で動作するモジュールに新しい css を含む新しいモジュールが含まれている場合はどうでしょうか? この新しいモジュールには、大量の CSS ビンが含まれます。

• 新しいフレームワークが必要としないすべての css ルールを削除する巨大でクレイジーな css「正規化」ファイルを作成します。古い CSS フレームワークが大きくなればなるほど、以前のスタイルを削除するために追加しなければならないルールの量が増えます。これは、Web パフォーマンスに非常に大きな影響を与え、「初期」ブラウザ スタイルを「復元」します。

• 2 つの組み合わせ: 新しいフレームワークには css 名前空間があり、古いフレームワークにはファイルの末尾に「正規化」スタイルが含まれています。これは、現時点で私の特定のケースで見つけることができる最良の選択ですが、別の解決策が可能であると信じたい.

この問題にどう対処しますか？あなたの見解では、それに対処するための最善の戦略は何ですか?

代わりにブートストラップやファンデーション zurb などの css フレームワークを使用できることがわかるまで、独自のカスタム css を使用して、自分の Web サイトで css のベスト プラクティスに到達しようとしています。独自のカスタム css を作成する必要なく、このようなフレームワークを直接使用することは可能だと思いましたが、すべての css フレームワークはある時点で制限されていることがわかりました。

CSSフレームワークを使用したいのは、CDNを介して提供されているため、余分な帯域幅がなく、読み込み速度とパフォーマンスのためにもです。

私の質問ですが、カスタム css を追加する必要なく、Web サイトで css フレームワークのみを使用することは可能ですか?

また、独自のカスタム css を作成し@import、カスタム ファイル内の css フレームワークを使用するのはどうですか?

cssフレームワークを使用して/使用せずにcssファイルを私のWebサイトに提供する効率的な方法を教えてもらえますか?