問題タブ [zurb-foundation]

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 投票する
7 に答える
452 参照

css - CSSフレームワークとは何ですか?

誰かが私にCSS frameworks、そしてそれらの使い方を教えてもらえますか?

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

html - FoundationレスポンシブWebデザイン

ファンデーションを試しています。リンク: http://foundation.zurb.com/docs/index.php

私は非常に単純な Div を持っています:

高さを 190 ピクセルに設定すると、ブラウザーのサイズに関係なく 190 と表示されますが、高さを 100% に設定すると、50 ピクセルの画像しか表示されません。私は現在のサイトで背景画像になるものをたくさん使用していますが、それらの高さにも対応したいと思っています。どうすればこれを達成できますか?

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

css - Foundation を HTML5Boilerplate で使用できますか?

私のクライアントはFoundationを使用することを望んでいます。HTML5Boilerplate with 960 Grid Systemを愛用しています。ファンデーションを H5BP と一緒に使用できますか? ご指導を賜りますようお願い申し上げます。

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

css - グリッド列レイアウト内のパディング コンテンツ

Zurb Foundation フレームワークを使用してフロントエンド (http://foundation.zurb.com/docs/grid.php) を構築していますが、基本的なレイアウトは問題なく作成できています。

私が疑問に思っているのは、列内にコンテンツを埋め込む方法ですか? ご想像のとおり、すべてのコンテンツは左側に配置されていますが、グリッド レイアウト マークアップをカスタマイズするか、どこにでも多くのラッパーを作成しない限り、パディングを作成する方法がわかりません。

たとえば、マークアップ

説明するCSS

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

ruby-on-rails - Rails - app ディレクトリ外のアセットにリンクする方法

私はRailsが初めてです。ここで説明されているように、Zurb Foundation フロントエンド フレームワークをインストールしました: http://www.zurb.com/article/814/yetify-your-rails-new-foundation-gem-and-

app/assets/stylesheets/application.css を開くと、次の自動生成コードが見つかります。

しかし、私の見解ではこの行

私が作成したファイル zurb_foundation/app/assets/stylesheets/foundation/index.css をロードしません:

zurb_foundation/app/assets/stylesheets/foundation/ の下に配置したファイルとすべての CSS ファイルをロードするにはどうすればよいですか? ありがとう...

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

html - 新しいフレームワーク ベースのプロジェクトの設定と LESS の使用

そのため、新しいプロジェクトを生成し、その新しいプロジェクトのセットアップに伴うカスタマイズ/複雑さを最小限に抑えることができる環境をセットアップしようとしています。私は Structurer Pro (nettuts+ から) を使用してファイルセットを構築していますが、これは素晴らしいことです。MAC セットアップ用の github を用意したので、最新の Foundation フレームワーク ファイルを取得して現在のプロジェクトに配置できます。

今、私はLESSもプロセスに取り入れようとしています。ただし、Foundation の css ファイルは現在 LESS でセットアップされていません。つまり、2 つのオプションがあります...(1) 現在のバージョンを取得してそれらを LESS 化してから、それらのカスタマイズされたファイルを使用して新しいプロジェクトを作成します。(2)LESSを使用しないでください...

私が抱えているもう 1 つの問題は、LESS 用のコンパイラ (simpleLESS、CodeKit、LESS、compass) がかなりあるようですが、どれも css ファイルを結合していないことです! したがって、10 個の LESS ファイル (例: IE.less、mobile.less、grid.less、typography.less など) を設定し、それらに変数を含めた場合、出力として 10 個の css ファイルは必要ありません。出力として1つのコンパイル済みcssファイルが本当に必要です。これを手動で行うことも、Clean css や他の 30 のサイトのいずれかを介して行うこともできます...

しかし、最新のファイルを使用してプロジェクト フレームワークを作成し、色見本セットを一連の変数 (LESS) に適用してカスタマイズし、結果の CSS を実際の実装のためにコンパイルおよび結合できる「もの」が 1 つありますか? ?

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

html - HTML フォームのマークアップを修正する

<label>現在、<input>IE7のバグを修正しているため、ディスカッションを行ってい<p>ます。

タグに含まれるタグの正しいセマンティクスに関するドキュメントが見つからないようです<form>。たとえば、次のように使用する傾向があります。

ただし、Zurb Foundationを見ると、おそらくスタイルのために、要素をまったくラップしていませんが、有効ではないradioと思われる内部checkboxを配置しています。Zurbのページはそう使ってるけど、あちらで有効なのかな?<input><label>HTML5

Twitter Bootstrapは、<div>私のような二重ラップ アプローチを採用する傾向があります。しかし、やはり、入力radiocheckbox入力をラベル内にラップします。

<form>それで、私の質問に対して、タグ内の要素のセマンティクスに関する決定的なルールはありますか?

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

php - CSS / JS/PHPを使用したCodeIgniterの非表示の順序なしリストへのアクセス

免責事項:私はWeb開発に不慣れです。

シナリオ:CodeIgniterを使用してイベントベースのカレンダーを作成しています。デスクトップ/タブレットサイズのウィンドウでうまく機能し、ZurbのFoundation2.0を使用してモバイルバージョンを作成しました。見た目は素晴らしいですが、私が直面している問題があります。

問題:モバイルバージョンでは、カレンダーが生成されるときに、モバイルバージョンで<ul>(デスクトップバージョンでイベントを表示する)を非表示にする必要があります。次に、 s(カレンダーの日付番号)が選択/クリックされた<ul>ときなどにsを呼び出すことができる必要があります。day_listing

カレンダークラスが日付とそのイベントを生成する方法は次のとおりです。

これが私が使用しようとしているコードです:

:これは、作業する必要があるものです。

質問<ul>:カレンダークラスの生成時にを適切に非表示にし、選択/クリックなどのときに呼び出すために、どのメソッドを使用する必要がありますか(CSS / JavaScript / PHPなど) 。でday_listing

本当にありがとうございました!以下は、私が話していることを理解するのに問題がある場合に参照できる、私が使用しているリソースです。

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

jquery - Opera Mobile で jQuery のクリックが許可されない

私は基盤となる CSS フレームワークをテストしており、フレームワークが提供するカスタム フォーム要素が非常に気に入っています。

http://eventgrapple.com/homeフレームワークをテストするために、ページを作成しました。Google Chromeなど (デスクトップ)では正常に動作し ( Internet Explorer 7 ではわずかにバグがあります) 、BlackBerry のネイティブ ブラウザーでは正常に動作しますが、どのフォーム要素も動作しません。BlackBerry用のOpera 6.5 では太字 9700です。

フレームワークへのリンクはhttp://foundation.zurb.com/docs/forms.php. どうすればこれを修正できますか、または代替手段はありますか?

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

jquery - ページ読み込み時に Foundation モーダルを読み込む

少し問題があります。ページの読み込み時にモーダル ダイアログがポップアップするようにします (理想的には、ユーザーが初めてページにアクセスしたときだけですが、Cookie については何も知らないので、後で調べます)。私は zurb の基礎、jquery、およびプロトタイプを使用しています (本質的に、プロトタイプに依存しない連絡フォームを書くのが面倒だからです)。

私の問題は次のとおりです。ページの読み込み時に基本モーダル ダイアログを表示できるようにしたいのです。私はいくつかのことを試しましたが、役に立ちませんでした:

次に、プロトタイプが機能するように jquery を非競合モードに設定したことに気付き、次のように変更しました。

それでも役に立たない。問題のサイトはbasstv.netです。何か案は?