問題タブ [dynamic-css]
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.
php - したがって、ユーザーエージェントは偽造される可能性があります。わかりました...ブラウザを検出するためにphpを使用すべきではない正当な理由はありますか?
ブラウザごとにカスタムCSSを作成するのは悪いことだと言う人がいる理由を私は理解していません。ページサイズを小さくしてダウンロード時間を短縮するには、主要なブラウザー(特に、さまざまな形式のIE)用のカスタムcssを作成するのが理にかなっています。一般的に、他のすべてのcssをキャッチします。
cssの世界で肥大化した巨大なスイスアーミーナイフを送りたい場合は、すべての状況ですぐに行ってください。私はあなたを止めるつもりはありません。
これを行うときは、ブラウザをすばやく検出することが重要です。ブラウザを検出するためのJavaScriptファイルのロードは遅いようです。したがって、phpを使用してブラウザーを検出し、指定されたcssを送信することをお勧めします。または、少なくとも一般的なブラウザ固有のcssは、JavaScriptを使用してcssのより詳細なバージョンをロードします。
しかし、なぜこれが悪いことなのかについての記事を次々と読んでいます。これらの各記事の背後にある主な理由は、ユーザーエージェントが偽造される可能性があるためです。または、Firefoxを使用していますが、サーバーはIE7を使用していると見なしているため、間違ったcssファイルを送信します。
Webアプリの開発者/設計者として、なぜこれが私の問題なのですか?Firefoxを使用したいが、サーバーにsafariまたはIE *を使用していることを伝え、見栄えの悪いページが表示される場合、なぜそれが私の問題なのですか?
そして、ユーザーがあなたのサイトを正しく見ることができない場合、彼らが二度と戻ってこない、または私にある種の同様の議論がある場合は、その全体を投げないでください。通常のユーザーはこれを行うことはありません。これを行う方法を知っているのは、私のサイトが安っぽく見えたときに何が悪いのかを知っている人だけです。
これは、古いApple IIで自分のサイトを見て(方法がわからない)、すべてが緑色に見えるので私に怒鳴るのと似ています。
それで、個人的な好みではなく、正当な理由があります。なぜ私はphpを使用してブラウザーを検出し、カスタマイズされたcssファイルを送信するべきではないのでしょうか。
私は主にIEのさまざまなバージョンに対してこれを行います。一部のサイトでは、ifIE6とIE7パーツがcssファイルのサイズの2倍または3倍になっているように見えます。
django - 動的 CSS でテンプレートをレンダリングするには?
ビューで動的 CSS ファイルを作成し、その CSS ファイルをロードするテンプレートをレンダリングしたいと考えています。ビューに与えられた引数によっては、ビューが呼び出されるたびに特定の場所で CSS の値が異なる場合があります。どうすればそれを行うことができますか?(私は、Python/Django でファイルを作成した経験がないことを付け加えておきます。)
これがどのように機能すると思われるかの簡単な例を次に示します。
結果の HTML ページのソース コードでは、CSS ファイルが正しく読み込まれているように見えますが、何らかの理由でそれが機能しません。f
行<link>...
を_
(f
の代わりにf.name
)。ただし、HTML は目的の色設定なしでレンダリングされます。それがなぜなのか誰か教えてもらえますか?
パスの問題が疑われ、さまざまなパスでかなりいじりましたが、役に立ちませんでした。
数百の可能性があるため、いくつかのハードコーディングされた CSS ファイルを準備するようにアドバイスしないでください (同様の質問への回答で見つけたように)。
javascript - Javascript:CSSファイルを動的に変更+ Cookie
使用するCSSファイル( )をjavascriptのみ<link href="..." />
を使用して動的に変更し、変更をCookieに保存したいと思います。
これは私が望むことを行うjQueryバージョンです(ref)が、javascriptでこれを行うにはどうすればよいですか?
前もって感謝します。
php - phpを使用してCSSファイルを提供する
これは、phpでcssファイルを提供するのに良い考えですか?
実際、私はすべてのメディアクエリを含む大きなCSSファイルを持っているので、phpページに渡された引数に基づいて選択されたセクションのみを提供すると思いました。たとえば、元のphpページでは次のようにします。
そしてcss.phpファイルで、必要なcssだけで応答する条件をチェックします。これは正しい方法ですか?
css - WordPress で動的 CSS をどのように処理しますか?
動的な WordPress プラグイン用の CSS が必要で、最善または最も一般的な方法を知りたいです。現在、方法 2 を使用していますが、IE9 に問題があります。そのため、動的 CSS のより良い解決策があるのではないかと考え、これらを思いつきました。
wp_head
1.)フック付きのスタイル ブロックを含める
プロ:
- 追加のサーバー要求なし
反対:
- 各ページのサイズに応じて多くのデータ
- あまりきれいではない
- キャッシュ不可
2.)admin_url('admin-ajax.php?action=my_css')
リンクタグでの使用
プロ:
- オンザフライで CSS を作成 (および Transient API でキャッシュ)
- 用途
wp_enqueue_style
- 期限切れヘッダーでキャッシュ可能
コントラ
- ロードする必要があります
wp-load.php
- IE9 では動作しません (なぜですか? )
3.) 変更時に CSS ファイルを作成する
プロ
- 速い
- WordPress 全体をロードする必要はありません (
wp-load.php
)
コントラ
- あまり動的ではない
- 特定のフォルダの書き込みルールが必要
- スクリプトの問題またはアクセス許可の欠落の原因が古くなっている、または欠落している可能性があります
方法 1 は好きではありません。すべてのページでスタイルが必要になるわけではなく、方法 2 は IE9 では機能しません。
3番目のものを使用する必要がありますか、それとも欠点がありますか?
前もって感謝します!
javascript - ページ読み込み時に CSS をすべての DIV 要素に適用する
ページの読み込み時に、このような css プロパティを使用して、ページ内のすべてのタグをフォーマットする方法はありますか?
また、いずれかの DIV にカーソルを合わせると、境界線が次のように変わります。
これらのプロパティ、通常の CSS とオンホバー CSS の両方を、ページの読み込み時に動的に適用したいと考えています。
html - 幅が auto に設定されている他の div の clientwidth に基づいて、ターゲット div のサイズを変更します
別の DIV (ソース) の clientWidth に基づいて、1 つの DIV (ターゲット) の幅を動的にサイズ変更しようとしています。
注: ソース DIV の CSS スタイルは width:auto; です。
1 番目の問題: 動作しません...それは私の構文か何かに違いない..?
2 番目の問題: ユーザーがブラウザー ウィンドウを変更すると、動的にサイズを変更する必要があります (ウィンドウのサイズ変更時にスクリプトを思い出してください)。どのように ???
Javascript:
CSS:
HTML:
java - メニューに動的 CSS が適用されない (タイル + スプリング 3.0)
Spring 3.0 + タイルを使用しています。すべてのページにアンカー タグを使用して共通メニューを作成し、同じものに css を適用しました。メニューがクリックされたときにメニューのcssクラスを動的に変更するためにJqueryを使用しています。
メニュー/リンクが選択されると、「selectedTab」css クラスが適用され、すべての通常のリンクには「tab」css クラスが適用されます。メニューをリクエスト/クリックするたびにスタイルクラスが適用され、応答後に再び適用されなくなるという問題に直面しています。つまり、リクエストとレスポンスの間でスタイルが適用されたままになります。しかし、応答後ではありません。メニュー リンクのコードは次のとおりです。
同じためのJqueryは次のとおりです。
function changeCss(aid) { //alert(aid);
}
メニューの Css クラスは次のとおりです。
a.selectedTab:hover, .studioTopNavigationPanel .contentSection .navigationBox a .selectedTab:active { background-color: #B8D9ED; 背景画像: url("../images/tab_selected_bg.png"); background-position: センタートップ。背景繰り返し: 繰り返し x; 色: #333333; カーソル: ポインタ; 表示ブロック; フロート: 左; フォントサイズ: 14px; 右マージン: 3px; パディング: 5px 12px; テキスト装飾: なし; }
どこが間違っているかを教えて、できるだけ早く適切な解決策を提供してください。
php - 動的 CSS (php ヘッダーを使用) を作成しようとしていますが、クライアントに問題があります
スタイルシートの名前を次のように変更full.css.php
し、ファイルの最初に次のコードを書きました。
ブラウザは私にこれを与えています: Resource interpreted as Script but transferred with MIME type text/css: "http://localhost/root/_Viewer/css/full.css.php".
.
そして、エラー: "Uncaught SyntaxError: Unexpected token {" (これは本体の css 宣言の最初の中かっこです)。
ソースを見ると、私のファイルは次のようapplication/javascript
ではなく、ファイルとして送信されていることがわかりtext/css
ます。
動的 CSS がキャッシュされないことはわかっていますが、問題ありません。いくつかの設定に簡単にアクセスできるようにすることが、今ではより重要になっています。これを修正するには助けが必要です。
ところで:私はこれをXAMPPで実行しています!
-言い忘れました: 私は js ファイルの 1 つで同様のことを行っており、問題なく動作しています ( header("Content-type: application/javascript");
)