問題タブ [css-frameworks]

ZurbのFoundation3を使おうとしています。軌道スライダーとして知られている彼らの機能、私はそれを使おうとしています。しかし、私はこのエラーともう1つのエラーを受け取ります。

Uncaught ReferenceError：jQueryが定義されていません

Uncaught Type Error：Object [object Object] has no method'Orbit'

ここに私のコード：

Twitterのブートストラップのベアボーンの例をダウンロードしてカスタマイズしました。私はそれをローカルで（WAMPサーバーを使用して）テストしましたが、CSSとJScriptの両方ですべてが完全に機能します。

ファイルをウェブホスティングサービスにアップロードしましたが、JScriptが機能しません。ドロップダウンボックスが機能しなくなったので気づきました。

同じ問題を抱えている他の人を検索して見つけましたが、全員がルビーを使用していて、私はそうではありません。ブートストラップによって提供されるCSS+JScriptを再生するだけです。それに加えて、解決策は最初にbootstrap.jsを含め、次にjquery.jsを含めることであると彼らは言いました。試してみましたが、機能しませんでした。縮小されていない.jsを含めても、機能しませんでした。

ローカルテストとリモートテストに同じブラウザ（Chrome）を使用しています。また、別のホスティングサービスを試しましたが、両方で問題が発生しました。

ヘルプは大歓迎です。

他の同様の質問：

• Javascript機能はローカルホストで機能しますが、Herokuにデプロイされた場合は機能しません
• twitterブートストラップドロップダウンが突然機能しない

多くのグリッドとフレームワークから選択できます。CSS フレームワークを Google で検索すると、多数のフレームワークから選択できる記事が多数表示されます。

1 つを選択するとなると、すべての詳細な知識がないと迷子になりがちです。

CSS フレームワークを選択する主な要因は何ですか?また、それらの選択は特定のフレームワークにどのように対応しますか?

より一般的には、CSS フレームワークをどのように選択するのでしょうか?

注 1: ここでは「グリッド」と「フレームワーク」をほぼ同じ意味で使用していますが、おそらくどちらか一方を使用する必要があります。これに関する修正は大歓迎です。

注 2: いくつかの選択は好みに依存することを十分承知しており、したがって、この質問は「最高の」コンテスト/主観的なトピックになる可能性があります。多くの人がフレームワークを選択するというこの問題/質問を抱えており、それに対する答えがコミュニティに利益をもたらすと確信しているため、私はできるだけ答えられるようにしています。そのため、この質問を閉じるだけでなく、この質問の改善を歓迎します。

IE7を完全にサポートするcssフレームワークはありますか？Twitter Bootstrapのようなものですが、IE7で使用すると、角が丸くならず、タブが壊れています。Popoverプラグインが失敗するため、IEは「このスクリプトの実行時間が長すぎます。停止しますか？」と表示します。

gem を使用して Rails プロジェクトに Foundation をインストールし、次の 2 つのコマンドを実行しました。

素晴らしい CSS マークアップとグリッド レイアウトなど、すべてがうまく機能しているようです。ただし、ラジオ ボタンとチェックボックスの外観は変わりません。ラジオ ボタンとチェックボックスを説明するページには、「初期化されると (jquery.foundation.forms.jsすべての Rails ページに自動的に含まれるものを参照しています)、チェックボックス、ラジオ ボタン、または選択要素を探して、Foundation が提供するカスタム マークアップに置き換えます。のスタイル。」

しかし、私のラジオ ボタンとチェックボックスは、上のサンプル ページの美しいものとは異なり、標準的に見えます。display: none;彼らは、通常のボタン/チェックボックスへのフラッシュを避けるために、カスタムマークアップを使用して入力を設定することを提案しています。それは役に立ちません。サンプル Web ページから自分の Web ページにコピー アンド ペーストしました。まだ運がない！何か不足していますか？

Rails 3.2.8を使用しています

私は初めてファンデーションフレームワークを使用していますが、ほとんどすべてが順調に進んでいます。しかし、使用中の開閉インジケーターの三角形を変更する必要があるという点で、アコーディオンに問題があります。こちらのドキュメントで確認できます。cssを調べたところ、foundation.cssの709〜719行目にアコーディオンが含まれているセクションが見つかりましたが、変更または調整する画像がありません。

このアイコンをpsdのアイコンに変更したいのですが、どこにあるのかわかりません。変更が必要なものについては、添付のスクリーンショットを参照してください。

私は変更を加える方法を知っています。この場合、変更を加える場所が見つかりません。

Bootstrapの柔軟性が不十分だと思います。たとえば、fontプロパティline-heightを変更する簡単な方法はありません。これらのプロパティを変更する1行のメソッドが必要です。

Bootstrapと同様に他に何を使用できますか（これほどリッチではないと確信しています）？そのような変更に柔軟に対応できるスタイルコレクションが必要です。

編集：これはmacOScatalinaで修正されていることがわかりました。道中ご無事に！

ユーザーがズームインまたはズームアウトしたときにボタンの外観を維持するにはどうすればよいですか？テキストとボタンの端の間の間隔は、一貫性を保つ必要があります。

ここに描かれているフィドルに取り組んでください：http：//jsfiddle.net/DevinRhode2/B4Usb/5/

ブラウザのズームを100％に設定zoom: 1.1;し、フィドルから削除すると、テキストが完全に含まれ、中央に配置されたボタンが表示されます。この外観が目標です。

おそらく、必要な変更を加えて、ネイティブのMacスタイルのボタンのCSSを再作成する方が簡単です。

これを修正するか、あるいは同じOS Xスタイルを再作成するのは簡単ではないので、私は賞金を始めました。

Zurb Foundation を Web プロジェクトに使用するのは初めてです。ただし、別のスタイルシートで独自のスタイルをオーバーライドするか、直接編集するかはわかりませんfoundation.css。

たとえば、これは彼らのナビゲーション css です (内部foundation.css):

backgroundandを変更したい場合は、独自のスタイルシートmargin-topを直接編集.nav-barするfoundation.cssか作成して (style.css下に配置foundation.css)、次のようにオーバーライドします。

これは良い習慣ですか？そうでない場合、それを行うための最良の方法は何でしょうか?

私は、960px GS やグリッド ジェネレーターなど、いくつかの固定幅 CSS フレームワークを考え出しました。私が見つけたそれらの問題は、幅が固定されていることです。通常の画面で最もうまく機能しますが、利用可能な画面の幅全体を使用する CSS フレームワークを入手するか、誰かが私を助けてくれますか? 列の数、ガターの幅などは、それほど重要な要素ではありません。

前もって感謝します。:)