問題タブ [css-frameworks]

デモ用にいくつかの静的 HTML ページを作成しようとしています。Less 4 CSSフレームワークに決めました

今のところ、デモを行うページが 2 つあります。

1. ログインページ: ページの中央にヘッダーとログインフォームが含まれています。
2. 通常の疑わしいページ: ヘッダー、フッター、メイン コンテンツ。

要件に合わせて Less グリッドを分割する方法がわかりません。Less 4 グリッドの分割と分割方法

ASP.NET MVC 3 に最適な CSS フレームワークはどれですか? 私はyamlを試しましたが、少なくともASP.NET MVC 3で使用すると、私の意見ではいくつかの欠点があります:

1. デフォルトでボタンの入力を使用します（たとえば、jquery uiはダイアログでボタンを使用するため、jquery uiと互換性がありません）。
2. ASP.NET MVC 3 検証用に css を調整する必要があります。
3. フォームの記述方法が好きではありません (これは私の主観的な意見に過ぎないかもしれませんが、yaml css スタイルに固執したい場合はカスタム エディターを使用する必要があります)。
4. 一部の CSS クラス名はあまり直感的ではありません。

それはショーストッパーになるものではありませんが、ASP.NET MVC 仕様に適合した何か、または yaml css フレームワークに適合した ASP.NET MVC プロジェクトスタブである可能性がある、より良い代替手段があるかもしれません。

更新: OOCSSは見栄えがよく、軽量で構造化されているため、チェックする価値があります。
更新 2: TwitterBootstrap も人気が高まっています。ここで asp.net mvc 用に入手できますhttp://nuget.org/packages/Twitter.Bootstrap

960cssフレームワークを使用しています。私はこのコードを持っています：

960は、グリッドの左側と右側に10pxのガターを追加します。960全幅を使いたいです。そこで、アルファとオメガを使用して、左側と右側から10pxのガターを削除することを読みました。ただし、これは960フレームワークを使用する正しい方法ですか？

そのように使用することを意図していたようには思えません。しかし、私は左側と右側の間隔を望んでいません。

960cssフレームワークを使用しています。問題は、3列のレイアウトで960幅全体を使用しようとしていることです。したがって、コンテナ16を使用し、グリッドで3つのdivを使用しています。左右の側溝を取り除くためにアルファとオメガを使用する最初と最後のグリッドIm。アルファガターを削除していますが、オメガガターは削除していません。これがhtmlです：

セクション本体のCSSは次のとおりです。

これが問題のスクリーンショットです。青色の最後のdivが右端まで進んでいないことがわかります。私は何が間違っているのですか？

アップデート

960cssと3divを除くすべてのスタイリングを削除しようとしましたが、それでも同じ問題が発生します。何があっても、960pxの幅全体に収まるようにすることはできません。幅は940pxになります。

私は現在、CSS プロジェクトに 960 グリッド システム フレームワークを使用しており、提案された text.css ファイルで作業することにしました。推奨されるフォント サイズはすべてピクセル単位であることに気付きました。代わりにパーセントを使用する方がよいのではないでしょうか? 彼らがピクセルを採用したのはなぜだと思いますか?

プロジェクトで 960 を使用する場合、何をお勧めしますか?

ありがとう

リビングソーシャルと同じ設定のウェブページとそのログインページを取得しようとしています。基本的に、中央に大きなdivがあり、その中に他のものが含まれています。

彼らのCSSを見ると、彼らは多くのグリッドベースのデザインを使用していることがわかります

私はCSSにまったく慣れておらず、自分で物事を簡単にするためのフレームワークの助けを探しています。

質問

• リビングソーシャルもCSSフレームワークを使用していますか？
• 私がlivingsocialのようなWebテンプレートを取得しようとしている場合、どのフレームワークが私の最善の策ですか？ブループリントCSSを見ましたが、デモページは私が望むものとはまったく異なります。
• 今日、私はセマンティックグリッドcssシステム（http://semantic.gs/）に出くわしましたが、リビングソーシャルのようなスケルトンを作成するためにどのように/何をする必要があるのか​​理解できません。
• フレームワークの使用方法に関する優れたチュートリアルがあれば、非常に役立ちます。

セマンティック CSSをダウンロードしてサンプルを実行したところ、Firefox で次のエラーが表示されました。

以下はサンプルページのコードです

このエラーを取り除くにはどうすればよいですか?

レスポンシブ デザインについてまだ知らない人には、このリンクをお勧めします。

次のようなメディアクエリを理解しない限り:

私はあなたができるadapt.jsの使用を検討していました:

これは960 グリッドで使用するためのものですが、それらの .css で好きなものを使用できます

しかし問題は、JavaScript を有効にする必要があることです。もっと柔軟な (レスポンシブな!) ソリューションを知っている人がいるといいのですが。

Rails 3.1 ではどのフレームワークを使用していますか?

基本的には、グラデーションや丸みを帯びた角などの標準的な mixin のセットが必要ですが、特定のフレームワークには、私が認識していない他の利点があるかもしれません。

スタイルシート開発を簡素化および標準化するために必要なもののほとんどをカバーするために、Rails 3.1 で使用するフレームワークを推奨してもらえますか?

Rails 3.1アプリケーションに取り組んでいます。グラデーション、シャドウなどをカバーするフレームワーク/ライブラリが必要です。Compass は人気がありましたが、Rails 3.1 でうまく動作させるのが難しかったため、Bourbon を選択しました。これも人気が高まっているようです。コンパスとバーボンの主な違いは何だろうと思っています。または、使用している別のフレームワークがある場合は、それを共有してください。

• あるフレームワークを他のフレームワークよりも優先するのはなぜですか?
• ブラウザやレールのバージョンなどとの互換性の問題を経験したことがありますか?
• ミックスインのより大きな、または優れたライブラリを持っているのはどれですか?