問題タブ [css-frameworks]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
963 参照

wordpress - Compass/Sass のコンパイルに問題があります - 私は Bones Wordpress テーマを使用しています

カスタム Compass/Sass 関数を正しくコンパイルするのに問題があります。エラーが発生し続けます:

@import がめちゃくちゃになる可能性があることについて、Stack Exchange で何かを読んでいました。

これが私の機能です:

私は書いているときにこれに取り組んでいるので、助けていただければ幸いです-私が自分でそれを理解したら、答えを投稿します:)

そのため、コードの一部をコメントアウトしており、 (container-width: $max-width) {} を使用していることが問題の原因です。関数定義で変数の作成を設定するのは好きではありません...理由がわかりませんか?

0 投票する
3 に答える
3228 参照

java - 本番環境で Less CSS フレームワークを使用する

ほんの数週間前、私は LESS CSS について知りました。そして、それはまさに私がCSSコードを書いているときに利用できるべきだと思っていたものです.

今、私はそれを使用することを非常に熱望しており、これを本番シナリオに適用したいと考えていますが、問題があります。LESS CSS を使用するには、次の 2 つのオプションがあります。
1. Web ページにless.jsを含めます。
2. LESS ファイルをプリコンパイルしてから使用します。

最初のオプションは、最大 43 KB の less.js を使用する必要があるため、余裕がありません。私がすでにJqueryを使用している場合、これは余分な負荷を追加します。

2 番目のオプションは有望に見えますが、問題は、実稼働環境でコードを作成する場合、変更に対してテストするたびに LESS をコンパイルできないことです。CSS を直接コーディングするときのように、シームレスなエクスペリエンスになるはずです。LESS と書くと、すぐにページに反映されるはずです。

では、この種のワークフローの設定を手伝ってくれる人はいますか?

他の同様のフレームワークの提案は大歓迎です。

0 投票する
3 に答える
28372 参照

css - TwitterのブートストラップCSSシステムですべてのフォーム要素のフォントサイズを簡単に増やすにはどうすればよいですか?

http://twitter.github.com/bootstrap/base-css.html#forms

ラベルと入力テキストフィールドを使用した例のような単純な水平フォームがあります。すべてのラベルをフォントサイズにするにはどうすればよいですか:24pxとすべての入力を正しい高さなど。ラベルが折り返されないように増やすには、140px幅のハードコード化されたマージンも必要です。つまり、私は言うためのベストプラクティスの方法を探しています:より大きく!

0 投票する
3 に答える
2649 参照

css - CSS コードを整理するための構造化された方法

比較的大規模な Web サイトを構築する場合、最初から CSS 構造を適切に範囲設定して編成する必要があります。CSS フレームワークが使用されていない場合は、すべてをまとめて巨大なスタイルシートにすることができますが、これはすぐに故障し、メンテナンスの負担が大きくなる可能性があります。

過去数年間、私は自分のスタイルシートを base.css、layout.css、fonts.css、elements.css などのさまざまなファイルに分割してきましたが、スタイル定義はファイル間を簡単に移動できるため、このアプローチはさらに改善する必要があります。厳しい。私はフレームワークを使用していません。なぜなら、私は CSS コード内の事前設定された列や事前定義された要素が好きではないからです。

物事を整理するために、どのようなアプローチ、パターン、またはヒントを提案できますか? どのような命名規則、再利用の実践、およびパターンが有用ですか? これは、フレームワークを使用する必要があるものですか?

0 投票する
1 に答える
153 参照

css - LESS 言語と Less フレームワークの間のリンクは何ですか?

Lessフレームワークを使って新しいWebサイトを構築しようと考えているのですが、1点気になることがあります。LESS スタイルシート言語に関連していますか? Less は LESS を使用して CSS を構築しますか?

0 投票する
2 に答える
897 参照

css - 優れた汎用の軽量 CSS フレームワークは何ですか?

私は、この質問は殴り殺されている可能性が高く、何よりも個人的な好みの問題であることを認識していますが、誰か提案があるかどうかを知りたいと思っていました.

コードを再利用しないというひどい癖があります。(おそらく、「開発」フォルダーである継続的に成長する迷路で収集したスニペットを常に失うことになるように見えるという事実が原因です)そうは言っても、私は数か月前に新しいプロジェクトに取りかかる際に、生活を楽にするために使用できる既存の CSS フレームワーク。私は今それらのいくつかを試してみましたが、いくつかの素晴らしいものを見つけましたが、探しているものに完全に適合するものはありません.

重要な順に、ここに私が見つけたいと思っているものがあります:

  • 柔軟性- 私はあまりにも不安定で、単一の設計/開発パターンに長く従うことができません。そうは言っても、使用しているフレームワークのさまざまなルールをオーバーライドするためにほとんどの時間を費やす必要がなければ、それを好むでしょう。もちろん、使用するフレームワークに関係なく、時々これを行う必要があることは理解していますが、必要が少ないほど良いです。

  • 軽量- プロジェクト全体のベースとなるフレームワークを探しているわけではありません。ヘルパー クラスのコレクションと、おそらく Internet Explorer などに健全性をもたらすためのいくつかのユーティリティ ルールを探しています。基本的に、生活を楽にする何かを探しています。

  • ブラウザ間の互換性- フレームワークが現在の標準に準拠していなくても、使用するどのブラウザでも比較的同じように見える限り、それほど気にすることはありません。残念ながら、まだ Internet Explorer 7 を使用しているクライアントがいて、対応しなければなりません。ただし、現時点では、Internet Explorer 6 との互換性が維持されているかどうかはあまり気にしません。

  • モジュラー- 契約を破るわけではありませんが、軽量でありながら、設計へのモジュラー アプローチを管理するフレームワークを見つけたいと考えていました。つまり、すべて「目的」に基づいた多数のスタイルシートです。たとえば、タスクのルールを保持しながら、フォームを処理するために一般的に使用されるすべてのクラス (.error、.info、.alert、.text、.required など) を forms/forms.css というフォルダー/スタイルシートに収集します。別のファイル/フォルダーにレイアウトするなど。私はYAMLがこれを行う方法が本当に気に入りました。残念ながら、YAML には、私が使用していない余分なものが多すぎて、おそらくしばらくは必要ないでしょう。(正直なところ、他のフレームワークが見つからない場合は、YAML で使用していないものを削減するだけで何ができるかがわかります。

コンテンツに関する限り、私は本当に必要最小限の、一般的に使用されるものを探しています。次のようなもの:

そしてもちろん、通常の clearfix のもの。丸みを帯びた角や影などを扱うクラスもいいでしょう。

アクセシビリティ、rtl サポート、microformats などについては、現時点ではあまり気にしていません。このフレームワークは主にクライアントとのやり取りに使用する予定であり、これまでのところ必要性に出くわしたことがないからです。

最後に、私は何よりもまず開発者です (たまたま、最近、自分が慣れているよりも多くの設計作業を行う必要があるものがたくさんあります)。クライアント側またはサーバー側のいずれかで動的にマークアップするため、フレームワークのマークアップが単純であるほど優れています。

0 投票する
2 に答える
549 参照

css - そのようなCSSフレームワークはありますか?

レスポンシブで大きく(1000px以上)、次のことができるCSSフレームワークを探しています。

ラージデザイン:

大きなデザイン

通常のデザイン:

通常のデザイン

モバイルデザイン:

モバイルデザイン

助言がありますか ?960.gsTitanフレームワーク1140 cssグリッドGolden Grid Systemを試しましたが、どれでもやりたいことがすべてできるかどうかはわかりません。

0 投票する
1 に答える
1271 参照

css - ガムビー フレームワーク CSS フレームワーク

簡単な Web サイトを開発する必要があります。通常はブートストラップ CSS フレームワークを使用しますが、これは 12 列ではなく 16 列にできる Gumbyn を使用したいと考えています。

私は疑問に思っていました:

  • 緑の色は簡単に変えることができますか?

  • 流動レイアウトの代わりに固定レイアウトを使用するにはどうすればよいですか?

  • すべてのブラウザに対応していますか?

ありがとう

0 投票する
1 に答える
2900 参照

drop-down-menu - ZurbCssフレームワークのドロップダウンの問題

私はZurbCssフレームワークを使用しています。foundation.zurb.com/docs/ forms.phpに記載れているように、以下に提供されているものと同じコードを使用しました。

しかし、ドロップダウンが表示されません。上記のコードは、Webサイトからコピーして貼り付けられています。

ありがとうございました。