タグ付けされた質問 「css」

ブログでスピードテストを行っていますが、未使用のCSSについて常に不満を感じています。しかし、これは私が使用したことのないCSSではなく、その特定のページで使用されていないだけです。 今は構造化された方法で作業していますが、別のページで必要になるため、ファイルにはまだ使用されないCSSが必要です。 別のページで別のCSSファイルを使用するのが良い方法だとは思いませんが、キャッシュできる大きなファイルを1つ作成するだけの方がずっと良いと思います。 これに対処するためのエレガントな方法はありますか、それともこれに固執しますか？

10 css  optimization 

私の会社はIE6のサポートを終了しましたが、一連の優れた機能を使用できることがわかりました。 IE6 RIPで使用できるCSS、JavaScript機能のリストはありますか？

10 javascript  css  internet-explorer-6 

Firebugを使用してCSSを編集する場合、CSSに加えられた変更を保存/エクスポートするにはどうすればよいですか？ ツール： Firefox、Firebug 主要な更新： FireFoxタブでフォワード/バック/リフレッシュをロックする方法を知っている場合は、私に知らせてください。それ以外の場合は、CSSのIDEとしてFireBug / FireDiffを使用することをあきらめましたが、いいですが、笑...間違ったときにバックスペースを押すと、すべての作業が消えてしまいます...面白いです。つまり、FirebugでブラウザがCSS / HTMLを強調表示するのが本当に好きです。これを行う優れたCSSエディタを知っていますか？FireBugが機能することを本当に望んでいましたが、今のところは、その場限りの検査とテストに適していると見なしています。それが目的のためにそれを使用することを意味します。 更新： @Lèsemajesté：ちょうどアップデートとして、 " Web Developer add-on "ではCSSを編集できますが、Firebugによって加えられたCSSの変更を編集/保存することはできません。IDにFirebugを使用し、変更をテストする可能性がありますが、Firebugからの変更を保存することはできません。これらを一緒に使用する方法をカバーする「方法」は次のとおりです：FF + FB + WD @Lèsemajesté：まだFireDiffで遊んでいます。それは大丈夫です、すでに1つのバグを見つけました（私はそれを回避しているだけです）、私が見つけることができた「方法」はないので、私はすべての機能を試し、クリックします...（forたとえば、diffをエクスポートするには、リストの最後のアイテムに移動し、右クリックして、「Save Diff」として選択する必要があります。「。diff」は単なるテキストファイルであり、現時点でextが.diffである理由がわかりません。

10 css  website-design  html  browsers  text-editor 

何年もの間、私のWebサイトには次のディレクトリ構造を使用しています。 <root> ->js ->jquery.js ->tooltip.js ->someplugin.js ->css ->styles.css ->someplugin.css ->images -> all website images... さまざまなサードパーティコンポーネントを使い始めるまでは、まったく問題ないように思えました。 たとえば、今日、cssファイルが配置されているのと同じディレクトリで画像を検索する日時ピッカーJavaScriptコンポーネントをダウンロードしました（cssファイルには、「url（ 'calendar.png'）」のようなURLが含まれています）。 だから今私は3つのオプションがあります： 1） datepicker.cssを私のcssディレクトリに入れ、その画像を配置します。私はこのオプションがあまり好きではありません。cssディレクトリ内にcssと画像ファイルの両方があり、それは奇妙です。また、cssファイルからbackground.pngにリンクする2つの異なるコンポーネントなど、同じ名前の異なるコンポーネントのファイルに出会うこともあります。これらの名前の衝突を修正する必要があります（ファイルの1つの名前を変更し、リンクを含む対応するファイルを編集します）。 2） datepicker.cssをcssディレクトリに入れ、その画像をimagesディレクトリに入れ、datepicker.cssを編集して、imagesディレクトリで画像を探します。このオプションは問題ありませんが、サードパーティのコンポーネントを編集して自分のサイト構造に合わせるために、時間をかける必要があります。ここでも、名前の衝突が発生する可能性があり（前のオプションで説明したとおり）、それらを修正する必要があります。 3） datepicker.js、datepicker.cssおよびその画像を別のディレクトリに配置します。たとえば、/ 3rdParty / datepicker /とし、作成者が意図したとおりにファイルを配置します（例：/ 3rdParty / datepicker / css / datepicker）。 .css、/ 3rdParty / datepicker / css / something.pngなど）。今、私はこのオプションが最も正しいと思い始めています。 経験豊富なWeb開発者、何をお勧めしますか？

9 web-development  css  javascript  images  content 

私は何年にもわたってWeb開発を行っており、常に次のようなWeb構造を作成しています。 public_html/login.php public_html/css/login.css public_html/js/login.js public_html/img/logo.png 他の人が使うのを見てきました： styles/login.css images/logo.png そして最近、同僚が好きだということがわかりました。 public_html/a/login.js - application public_html/s/login.css - styles public_html/i/logo.png - images public_html/p/photo1.jpg - photos public_html/f/menu.swf - flash 1バイトまたは2バイトを保存する以外に、これらのオプションには利点または欠点がありますか？このコンセプトのベストプラクティスはありますか？

9 css  javascript  best-practices 

Webサイトを一般的にiPhoneフレンドリーにするか、モバイルアクセスを一般的にするために行う基本的なことは何ですか？

9 css  xhtml  html  mobile  iphone 

CSSの圧縮/帯域幅の点で価値のある特定のページの未使用のルールを削除していますか、またはこのオーバーヘッドを実際に削除するためにキャッシング（ヘッダー/最終変更）に依存できますか？ 乾杯 また、ベータ版の皆さん、頑張ってください！

9 optimization  css  bandwidth 

別のチームによって設計されたクライアントのWordPressサイトの重要なスタイルの改訂に取り組んでいます。 CSSは複雑な混乱のようです。私が見つけた特異性の1つは、テーマのメインスタイルシートstyle.cssである@がサブディレクトリから別のスタイルシートをインポートすることですcss/default.css。一方、default.css@はファイルの先頭にあるメインスタイルシートもインポートします。 @importディレクティブを削除してdefault.cssto のコンテンツを追加しましたstyle.cssが、default.cssスタイルをstyle.cssファイルの上部または下部のどちらに配置しても、レイアウトが壊れます。@importループはカスケードに対して何らかの方法でレイアウトを「機能」させます。 このようなものを見たことがありません。スタイルシートのもつれをほどき、セレクターの順序を特定度の高い順に並べる必要があることは明らかです。しかし、互いに@importする2つのCSSファイルを意図的に作成するための合理的な根拠はありますか？不自然に思えますが、これの背後に原理的な理由があるのではないでしょうか？ 私はWordPress開発ではなく、フロントエンド開発を専門としています。WordPressはメインのテーマスタイルシートを解析してテーマ情報を取得します。@import再帰は、何らかの形でWordPressに役立つものですか？

8 css  import 

HTMLドキュメントを除いて、現在、私のWebサーバーから提供されるすべてのファイル（css、javascript、および画像）content-typeは、http応答ヘッダーでを指定していません。タグとタグのtype両方で属性を削除するつもりでたまたまこれに気づきましたが、次のような答えを見つけました。scriptlink MIMEタイプもHTTP Content-Typeヘッダーを介して送信されるため、type = "text / css"を使用しても余分なバイトになります。

8 css  javascript  http-headers 

Windows Vista、7、8のIE7-10で次の「おかしさ」が見られます。 宣言font-family: serif;すると、予想されるフォントTimes New Romanの代わりに、識別できない古いビットマップセリフフォント（下のスクリーンショットを参照）が表示されます。私はそれが古いビットマップフォントであることを知っています。WinVista-8のIE7-10（WinのすべてのバージョンのCourierのように）で、フォントスムージングなしでエイリアス表示されます。 スクリーンショット： （1）他の誰かが私の研究を確認できること、（2）ボーナス：IEが表示しているフォントは何ですか？ 注： Win XPのIE6およびIE7には、Times New Romanが表示されます。font-family: serif;要素の外部スタイルシートまたはインラインで宣言されているかどうかは関係ありません。CSS属性を引用しても違いはありません。スタックに「不明なフォント」を追加しても違いはありません。 新しいスクリーンショット：以下のJukkaからの答えは正しいです。これは、説明するためのバタン（バタンチェではない）の新しいスクリーンショットです。これが誰かを助けることを願っています。

8 css  fonts  internet-explorer  windows 

誰かが迅速かつ効率的にそれを行うための良いアプリケーションを知っていますか？ Word Cleanerを購入しましたが、結果は十分であり、生成されたすべてのhtmlファイルを調べて、次のような無用な挿入タグを大量に削除する必要があります。 <strong>H</strong><strong>ell</strong><strong>o </strong><em>Wor</em><em>ld</em> 私が管理するWebサイトに表示される記事のほとんどは、マージンや順序付け/順序付けされていないリスト、脚注/エンドノートなどについてほとんど理解していない人がMS Wordで書いたドキュメントに基づいており、他のものを使用させることはできません。 CSSスタイルを修正して適用するよりも効率的にこれらのページを処理するのに役立つヒントはありますか？ 注：参考までに、Wordで[HTML DOCとして保存]を使用することは、Wordクリーナーよりも最悪です

8 html  css  conversions 

私は最近、誰もがHTML5タグを使用しているように見えるようにHTML5を使用しています。つまり、HTML5タグ、Canvas / 3D / javascriptおよびCSS3です。 これらのテクノロジーを実際に使用しているサイトの例を見つけるのに苦労しています。これは、CanvasまたはCSS3トランスフォームまたはシェイプを使用して誰かが管理したクールなデモだけではありません。 私は見た目が良いだけでなく、アニメーション、スクロール、シルバーバックやキャンバスのオフセットなどを利用してインタラクティブなサイトを作成し、「フラッシュのような」サイトを作成しているサイトを探しています。 これらは私が見つけたいくつかの例です： スクロール http://nikebetterworld.com/ http://benthebodyguard.com/ アニメーション http://www.elladesign.com/contact.html その他の http://www.pirateslovedaisies.com/ 私はHTML5を大まかに使用しており、それを使用するのは嫌いです。あなたが本当に視覚的に魅力的なJavaScriptベースのサイトをリストしたが、それがHTML5 doctypeを持っていなかったら幸いです。

8 html  css  javascript  html5  css3 

このイベント（http://worldtour.fogcreek.com/）に参加していたときに、このページの左上隅にあるアドレス部分のカスタムフォント（「Fog Creek Software 55 Broadway Fl 55 ....」など）に気づきました。ソースコードを見たとき、彼らが何をしているのか実際には判断できませんでしたが、次の条件を満たしていました。 IE 7,8（および他のすべてのブラウザー）で正常に動作します 必要なフォントを使用できます テキストベース、つまりフラッシュ、画像などではありません。したがって、SEOやインデックス作成などに適しています。 だから彼らはここでどんなテクニックを使っていますか？

8 seo  html  css  web-development  website-design 

ページに動的にロードする方法があることは知っていますが、コードを圧縮してさらに高速にロードする場合は、どうすればよいですか？

8 optimization  css  javascript  compression