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

そのため、HTMLを学習しているときにCSSに出会いました。CSSを使用すると、Webページをクールにしたり、より美しくしたりできるため、興味深いものです。しかし、色、デザイン、スタイルなどに関するものなので、CSSコードの結果を知ることはできません。視覚障害のある人として、目が見える人はいつも私よりも優れたWebページをデザインできるのに、CSSを学ぶべきなのはなぜですか？ ここにCSSを書く盲目のプログラマーはいますか？どうやってやったの？ CSSをすべて無視して、目が見えるプログラマーに任せるべきですか？または、CSSには、ページを見て、デザインが良いかどうかを確認するように頼まなくてもできることがありますか？

17 css 

私はASP.NET Webforms開発者であり、デザイナーに対処するときにいくつかの問題に直面します。 デザイナーはいつも不満を言っていasp.net server controlsます。むしろ、単にhtmlファイルを持ち、それらにcss必要な画像とともにファイルを作成したいのです。設計段階が事前に完了している場合、関連するcssファイルを含むhtmlファイルを取得することもありますが、設計をaspxファイルと統合する際に多くの問題に直面します（telerikコントロールを制御するなど）。 私が尋ねたいのは： これらの問題を克服するにはどうすればよいですか？.netサーバーコントロールの問題のため、デザイナーはphp-およびmvc開発者を好みます。デザイナーと正しい方法でやり取りする方法を知る必要があります。 .aspxページのレンダリングされた（htmlページ）をデザイナーに提供するツールまたはアプリケーションはありますか？つまり、Visual Studioのaspxではなく、実行時のページを意味します。Web Expressionを使用しますが、HTMLでレンダリングされたページも必要です。

17 html  css  web-design  webforms  designer 

閉じた。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善したいですか？この投稿を編集して事実と引用で答えられるように質問を更新してください。 5年前に閉鎖されました。 HTML、CSS、およびJavaScriptを使用して、美しく（そして便利な）UIを構築できます（特に、現在はHTML5とCSS3があります）。多くの人がすでにそれらを知っています。それはまだ私の手の届かないところですが、ウェブアプリ全体をデスクトップアプリに持ち込むことはどれほど難しいでしょうか？アプリをホストする前に、ローカルサーバーで既にテストしています。 私の意見では、それはデスクトップアプリにブームを引き起こす素晴らしい、シンプルなアイデアです。さらに、これらのアプリは既にWebアプリと非常に多くのコードを共有しているため、より良い接続性を提供できる可能性があります。 なぜ行われていないのですか？

17 web-applications  html  css  desktop-application 

このようなスレッドを読んで理解したことは、emsのポイントは、ブラウザで設定できるベースフォントサイズでWebページのすべての測定値を定義することだということです。 たとえば、Chromeではを実行してこれを行うことができますsettings -> show advanced settings -> web content -> font size: very large。遠く離れた大型の高解像度モニターを使用している場合、これを行うことができます。 サイズ設定におけるemsとpxの違いを示すプランカーを作成しました。 #div1 { width: 320px } #div2 { width: 20em; } ブラウザでフォントサイズを中に設定すると、これらのdivは同じサイズになり、ベースフォントサイズは16pxになるため、20em = 320pxになります。 ただし、ブラウザのフォントサイズを非常に大きく変更すると、emsで測定されたdivのサイズが大きくなっていることがわかります。 ただし、たとえばbodyタグでフォントサイズを定義すると、この効果は無効になります。 body { font-size: 16px; } なぜなら今、私のCSSはブラウザによって設定されたフォントサイズをオーバーライドしているからです。 ページをズームしてもフォントが拡大されるだけの古いブラウザの時代にはemが重要だったと思います。しかし、最近の最新のブラウザはピクセルとフォントの両方を拡大し、ズームの問題を解決していません。 Webを見回す-多くのWebサイトでは、bodyタグにフォントサイズを設定しています。 たとえば、スタックオーバーフローは、bodyタグでfont-sizeを13pxに設定します。ブラウザでフォントサイズを設定しても、スタックオーバーフローのレイアウトにはほとんど影響しません。 Google検索結果はこれを行いません。 （これらのスクリーンショットはいずれも、非常に大きいクロムフォントサイズに設定して、100％ズームで撮影したものです）。 したがって、bodyタグでフォントサイズを設定することは、ユーザー自身のアクセシビリティ設定を妨げるため、悪い考えだと考えることができます。しかし、ユーザーがサイズを大きくするためにズームできることを考えると（比例してすべてのピクセルも増加します）-これは本当の問題とは思えません。

16 css 

閉じた。この質問はより集中する必要があります。現在、回答を受け付けていません。 この質問を改善したいですか？この投稿を編集するだけで1つの問題に焦点を当てるように質問を更新します。 5年前に閉鎖されました。 私はやったC、C++そして今、私はウェブ開発者としてのキャリアを始めたいと思っています。私はWeb開発について多くのことを読みましたが、Webには2種類の開発者がいることを知りました。 1. Client Side Developers. 2. Server Side Developers. サーバーサイドの開発に集中したいです。私が始めたので、それは基本的に開始するために最善だろうと思ったHTMLとCSS。CSS誰かが完全に簡単に習得するには大きすぎることがわかりました。サーバーサイドの開発者はどのような基本を知っておくべきか、また彼はHTMLの達人になるべきCSSか、それとも単にやめるべきかを知りたいのですが。

16 web-development  html  css  server-side 

なぜ：nth-​​child（）はゼロではなく1から反復するのですか？ この例に示すように。なぜ2番目ではなく最初の要素を選択するのですか？ p :nth-child(1)

15 html  css  web-design 

サーバー側で生成されるHTMLは簡単であるため（AJAXよりも前に動的なWebページを作成する唯一の方法でした）、サーバー側で生成されるCSSはそうではありません。実際、私はそれを見たことがない。CSSコンパイラはありますが、静的として使用できるCSSファイルを生成します。 技術的には、特別なライブラリは不要です。HTML スタイルタグは、静的CSSファイルの代わりにPHP（/ ASP / whatever）テンプレートスクリプトを参照し、スクリプトはCSS コンテンツタイプヘッダーを送信する必要があります-それだけです。 キャッシュに問題がありますか？そうは思いません。スクリプトは、no-cacheなどのヘッダーを送信する必要があります。デザイナーにとって問題ですか？いいえ、CSSテンプレートを編集する必要があります（HTMLテンプレートを編集するため）。 なぜ動的CSSジェネレーターを使用しないのですか？または、もしあれば、私に知らせてください。

15 web-development  css  server-side 

ブロック要素とインライン要素の区別はいつも奇妙に思えました。全体的な違いは、ブロック要素が幅全体を占有するため、要素の前後に改行が強制されることと、インライン要素がコンテンツと同じくらいしか占有しないことです。要素の種類が1つだけでなく、カスタムの高さ/幅も適用できるインライン要素を使用しないのはなぜですか？改行が必要ですか？を挿入する<br />か、その動作のためにCSSに特別なタグを追加します。現在の方法では、問題を解決することはできません。代わりに、デザイナーが決定すべきプロパティを強制するだけです。 では、なぜ2つのタイプなのでしょうか？

14 html  css 

閉じた。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善したいですか？この投稿を編集して事実と引用で答えられるように質問を更新してください。 閉じた3年前。 CSSはそのような複数行コメントのみをサポートすることを理解しています /* foobar */ 単一行コメントのサポートがないのはなぜですか。 // foobar それらはプログラミングでも同じように一般的であり、CSSのような各ルールが独自の行にある言語の場合に特に役立つようです。 この決定に特定の歴史的理由がなかった場合、ブラウザがそれをサポートすることを妨げているのは何ですか？

13 css  css3 

とすれば CDNは、良いこと、彼らが近いクライアントにリソースを提供することができますので、クライアントはそれらをキャッシュすることができ、あなたは、あなた自身のサーバーの負荷を軽減することができます。 最近のブラウザでは、サブリソースの整合性（SRI）のおかげで、サードパーティのサーバーからリソースをロードしてもセキュリティが低下しません。 国によってはCDNがダウンまたはブロックされている場合があり、オフラインでの開発時には利用できません1。 CDNを使用するだけでなく、CDNを使用できないように準備することも魅力的だと思います。このブログ投稿では、フォールバックを提供するためのさまざまなアプローチを紹介しています。Basicの例を見ると、jQueryとBootstrapだけにフォールバックを提供するためのかなり多くの定型コードが既に含まれていることがわかりますが、好まれたソリューションはFallback.jsの使用を提案しています。 。同様に、トピックに最も関連するSOの質問は、jQueryのフォールバックを提供することだけです。 ただし、ほとんどの実際のプロジェクトでは、5つ以上のjs / cssリソースがあると予想されるため、それらすべてのフォールバックを提供するために厄介なボイラープレートを繰り返す必要はないはずです。さらに、リソースを追加または更新するたびに、次のことを行う必要があります。 CDNリンクを更新する 手動でダウンロードするか、npm / bower configのバージョンを変更して、ローカルフォールバックコピーを更新します フォールバックへのリンクを更新します SRIハッシュを更新する 一方、Ideal Worldでは、1つの構成ファイルでリソースを追加/更新し、他のすべてのステップを自動的に実行します（そして、更新が何かを壊すかどうかを確認するテストを実行します）。 これを達成するための確立されたワークフローは既にありますか？ それとも、CDN、特にSRIはまだ新しいのですか？ または、ほとんどの人は単にCDNリソースのフォールバックを提供することを気にしませんか？ 1. CDNに依存しないdevビルドを作成することもできますが、これもフォールバックの一種であると考えています。

13 javascript  css  cdn 

CSS3 mediaクエリ機能は、さまざまな画面サイズとデバイスに適応するWebサイトの開発に関して、多くの興味深い可能性をもたらしました。 ただし、実際には、CSS3 mediaクエリ機能、および「レスポンシブWebデザイン」の全体的な動きが期待どおりに機能しない可能性があるという感覚が得られ始めています。 問題は、結局のところ、Web開発者は、ユーザーがデスクトップ、タブレット、またはモバイルデバイスのいずれでコンテンツを表示しているかにほとんど関心があるということです。ただし、CSS3は画面解像度を検出する手段のみを提供します。理論的には、画面の解像度を検出することは、さまざまなデバイスに合わせて調整するための優れた方法のようです。しかし、実際には... 画面幅を出力するだけの簡単なJavascript関数があるとします。 function foo() { alert(screen.width); } 私のBlackberry Touchでは、これは以下を出力します： 768 私のサムスンギャラクシーでは、これは出力します： 800 そのため、この時点で、主流のスマートフォンの解像度はデスクトップレベルの解像度にかなり近づいています。ユーザーがスマートフォン、タブレット、またはデスクトップを介してWebサイトを表示しているかどうかを検出する機能は、画面の解像度だけが問題である場合、ますます困難になるようです。 これは、メディアクエリに基づくCSS3「レスポンシブWebデザイン」の動き全体の背後にある知恵全体に疑問を投げかけます。mediaクエリ機能は、さまざまなモバイルデバイスよりも、デスクトップ画面上のサイズ変更されたブラウザウィンドウへの適応に適しているようです。 モバイルまたはタブレットデバイスを検出するためのもう1つの可能な方法は、ontouchstartイベントがサポートされているかどうかを確認することにより、機能検出を使用することです。しかし、多くのデスクトップ画面がタッチをサポートし始めているため、これでも信頼性が低下しつつあります。 質問：それで... Web開発者として、RWDや機能の検出に頼ることができない場合、モバイルデバイスを検出するためのユーザーエージェントスニッフィング（常に信頼性が低いことで悪名高い）は本当に最適なオプションですか？

13 web-development  javascript  css 

W3Schoolsは、不完全で、時には不正確であり、広告に乗っているという評判があります。それでも、SOの質問に答えるときにいくつかのことを調べたり、ドキュメントへのリンクを探したりするとき、それはまだ唯一の便利なクロスブラウザリソースです。 以下のような他のリソースがありますMozillaの開発者向けネットワーク JavaScriptを文書化し、ますます素晴らしい仕事をしている、そして伝説的と偉大Quirksmodeが。しかし、彼らは素晴らしいのですが、私が話しているエリアの一部のみをカバーしており、コミュニティ編集や品質管理オプションは提供していません。 共同編集されたクロスブラウザHTML / CSS / JavaScript / DOMエンサイクロペディアを作成する努力を知っている人はいますか？あなたがそうするなら、私はSOがExperts ExchangeにいたようなW3Schoolsへの挑戦者のことを考えています。

12 web-development  documentation  html  css 

以下のコードでは、headではなく、bodyタグを使用して内部スタイルシートを配置しました。単一ページアプリケーションの場合、個別のpagespecific.cssファイルを用意するのではなく、そのページだけに適用できるスタイルにこれを行うことを検討しています。 これをヘッドセクションに配置していないため、これがマイナス面になるシナリオはありますか？ <!-- myPartial.html starts here --> <!-- Like to keep styles unique to this html right here in this file --> <div> <style> body { background-color: red; } #myText { color: white; } </style> <span id='myText'>Hello</span> </div> <!-- myPartial.html ends here -->

12 html  css 

私はUI開発は初めてですが、CSSがどのように機能するかについて非常に不快に感じています。 私のユースケースは、特定のスタイルをdivページの特定の内部に適用したかったということです。 CSSの試行： div.class1 { font: normal 12px arial, helvetica, sans-serif; font-color: #f30; } div.class1 div.class2 { border: 1px solid #f30; } より少ない試み： @red: #f30; @font-family: arial, helvetica, sans-serif; div.class1 { font: normal 12px @font-family; font-color: @red; div.class2 { border: 1px solid @red; } それは繰り返すようにあなたを強制ので、CSSのバージョンでは、バグを誘発することができます#f30＆div.class2あなたは階層変数の再利用を実現しようとするたびに。 私の質問： なぜCSSが物事を難しくしているのですか？ LESSは特別なことは何もしません-明らかな改善を行い、CSSに変換するだけですか？ そのような冗長なコーディングスタイルを促進するために、CSSはユーザーを動機づけたいと考えています。 CSSはLESSと同じであると強く信じています。確かに、CSSで物事がそのように行われる理由の明らかな利点を見落としています。これはレガシーな問題だと思っていましたが、CSS3でこれを解決しようとする試みが見られなかったときは驚きました。 …

11 coding-style  css  ui  css3 

bodyタグへのスタイルの適用はページ全体に適用されるため、 body { font-family: Verdana } ページ全体に適用されます。これは次の方法でも実行できます * {font-family: Verdana} これはすべての要素に適用されるため、同じ効果があるようです。 最初の例ではスタイルがページ全体の1つのタグに適用され、2番目の例では各HTML要素にフォントが適用されるという原則を理解しています。私が求めているのは、それを行う際の実際的な違いは何か、意味するものは何か、そして他のものを使用することにつながる理由、状況、またはベストプラクティスは何かということです。 副作用の1つは確かに速度（+1ロブ）です。機能の面でどちらかを選択する実際の理由に最も興味があります。

11 design-patterns  coding-style  html  css