いくつかのブログでこれを読んでいた...それは将来の参照のためにこれをカタログ化するために良いと思った.... また、いつの日かを尋ねたいことが重要でインタビューの質問かもしれません....
IE7でIE6と黒の緑、新しいブラウザでは、赤、古いブラウザでは青色の段落が表示されます。CSSのスニペットを書き込む
#content p{color:blue}
html>body #content p {color:red}
* html #content p{color:green}
html>body #content p {*color:black;}
Javascriptの部分は通常のバーのIEのようにすべてのブラウザansにうまく働いたこの奇妙な問題を持っていた 
シンプルな...それはあったが、スクリプトは私が書かれていなかったので、それだけIEが投げたことをこの "オブジェクトはこのプロパティまたはメソッドをサポートしていません"エラーをデバッグするには時間がかかりました。 おそらく！ 私がスクリプトを記述した場合、フィールドID :)で私の変数名を混在させないように、私はまったくこのエラーを持っているはありません。
問題：オブジェクトはこのプロパティまたはメソッドを（3行目）をサポートしていません
function funzoneSP(){ document.getElementById('video_id').style.visibility="hidden"; shortdesc = document.getElementById('shortdesc').value; .... } ソリューション：
エラーは上記の例（3行目... "shortDesc属性= document.getE ...."）のthirdrowで生成されます。 私もここで言及する価値がある私はドント愚かなもののすべての並べ替えをしようとした最終的に何を推測！ ちょうど何か他のものにshortDesc属性varを変更すると、エラーを処分した。 基本的に！ 変数名は、fieldIDは異なるしなければならなかった
数時間のために今私は、Eclipse / Androidのエミュレータでは私の静的なHTMLテキストの実行/テストするためのソリューションを探している。 まだ完全には成功していない.... 私は何を意味 "完全" HTMLのロードが完了されるであるが、すべてのCSSやJS、すなわち視覚的な表現は見られません。 開発者の言葉で、CSSがページに適用されません。...
私はHTMLを表示するために使用されているダウンスニペットを指摘している場合、それは少数の仲間の初心者AndroidのUI開発者と思った。
そして、Androidの達人、さらにモバイルアプリケーションUI開発者の初心者たちを助けるためにあなたのコメントを追加してください！
すみません！ しかし、イムは、EclipseのAndroidモバイルアプリケーションを作成する方法を知っていると仮定します。
あなたの活動として、これを作成します。これは、あなたのプロジェクト資産/フォルダからファイル'のindex.html "を読みます。
public class Test extends Activity { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); WebView webview = new WebView(this); setContentView(webview); try { InputStream fin = getAssets().open("index.html"); byte[] buffer = new byte[fin.available()]; fin.read(buffer); fin.close(); webview.loadData(new String(buffer), "text/html", "UTF-8"); } catch (IOException e) { e.printStackTrace(); } } } 再サイクリングにBuzzwordであり、Web開発では、それは別のことを意味します。 それは努力の面で、エネルギーを節約！
CSSを記述し、デザインからHTMLを作成するための年間で、私は "車輪の再発明"として我々は一般に長期ものに時間とエネルギーを節約するの追求で、いくつかのベストプラクティスに従っています。 再び時間と時間が、私は私の将来の仕事に箱から出して使用するようないくつかの標準的な再利用可能なCSS、私はいくつかのテンプレートを作成する必要があり、私に語った。 完全ではないけど、私は目標の一部を達成するために管理しました。
これらはしようとしたテストの結果、自分よりもはるかに経験豊富な開発者によって作成されるので、CSSの再利用を促進で、私は、私たちに一般的に入手可能ないくつかのCSSのフレームワークを見ていたし、それらを使用するようにすることを決めた。 さらに重要なことは "再発明を避ける"。
ベテランに共通する知識が、私はペンにしようとしたもののいくつかの重要な概念/ベストプラクティス/ CSSのRE-サイクリングを可能にするために、これらのフレームワークを作成に入った思考。に これはちょうど約であり、最近ではCSSの時流に乗っいくつかのCSSの開発者を助けることを願っています！
命名規則を使用します。
これは、CSS / HTML再利用可能なを行う際に最も重要な要因である必要があります。 ページ要素に一貫性のある名前を与えることはほとんど、あるいは修正を加えたページのコンポーネントとそのスタイルの再利用を可能にします。 この引数に沿って、あってもHTML5は、前任者以上に大きな変化の変化では、いくつかの構造的なタグVIZを導入することである。 <article>、<section>の、<HEADER>、<aside>、と<nav> [ HTML5とは何をもたらすのだろうか？ ]。 でも、HTML 4（または低い）と、それはconsistanly以下の簡単な例のようにページの標準セクションの名前を指定するのが最適です...
、あなたのプロジェクトのほとんどのページを覚えて、同じコア構造要素を有する終わる。 これらの共通のコアのページ要素を識別する....
<div id="container"> <div id="header"> ... </ DIV> <div id="nav"> ... </ DIV> <div id="sidebar"> ... </ DIV> <div id="footer"> ... </ DIV> </ DIV>
デフォルトのスタイル（CSSリセット）をリセットします：あなたがフレームワークを使用するか、または独自に作成するかどうかは、CSSのリセットを提供しなければならない[ CSSリセットは何ですか？ ]、それらが軽減または、時には様々なブラウザ間で発生する視覚的な不整合をなくすように。 簡単な言葉でCSSのリセット機構は、このように、彼らがもたらす可能性があり、任意のブラウザのデフォルト値をオーバーライドして、ゼロまたはNULL値にHTML要素のスタイルを設定します。 これは、任意のUser-Agentのデフォルトのこれらの要素はvoid [のプロパティを設定するには、白紙の状態を提供CSS2.1ユーザーエージェントのスタイルシートのデフォルトを 。 すべてのCSSフレームワークは、リセットメカニズムの必要もありません。 あなたが自分のCSSをリセットし記述している場合は、注意の単語は、キープロパティをリセットするのを忘れてしまった場合、それはデバッグが非常に困難であるクロスブラウザの問題につながるかもしれないということです。 、覚えているリセットスタイルのコピーを保持し、作成するそれぞれの新しいプロジェクトにドロップします。
ボディ、DIV、DL、DT、DD、UL、OL、LI、 H1、H2、H3、H4、H5、H6、 事前に、フォームフィールドセット、入力を選択し、テキストエリア、 P、BLOCKQUOTE、テーブル、TH、TD { 国境：0px; マージン：0; パディング：0; }
要素への設定のデフォルト（ベースラインスタイル）：
あなたは（ゼロまたはnullに）特定のHTML要素の特定の属性のデフォルト値を設定した後、それはこれらの要素のすべてのインスタンス間でいくつかのスタイルを適用する必要があります。 これらのデフォルト設定では、デザインごと、またはあなたが従うベストプラクティスによると異なる可能性があります。
ほとんどのCSSフレームワークは、常にデフォルトのブラウザのスタイルをリセットすることに加えて、いくつかの新しいデフォルト値を導入しています。
これらのデフォルト値は、User-Agentのデフォルト設定（CSSリセットによって取り除か）の空隙である、これらは、ブラウザ間で一貫性があります。
覚えておいて、ベースラインのスタイルが予定されているが、設計全体で使用されるスタイルを設定するために使用されます。 例えば、。
htmlの{フォントサイズ：77％;フォントファミリー：MS Pゴシック、サンセリフ;} 強い、H1、H2、H3、H4、H5、H6 {フォントウェイト：大胆な;
共通のHTMLコンポーネントと一般的なクラスの抽象的なスタイル：
そのようなコンポーネントはプロジェクト間で繰り返し使用されているので、複数ページから成るほとんどのプロジェクトは、フォーム、アラートおよびエラーは、カスタムポップアップ、ライトなどの、例えばある種のサイト全体で使用される一般的なHTML要素を持つようになり、それは提供するために有用であろうこれらのコンポーネントの定義済みのスタイルに関連付けられたクラスのセットとあなた自身に多くの時間を節約することができます。
離れて一般的なHTMLコンポーネントの再利用可能なスタイル定義を定義するから、我々は抽象的なスタイルのクラスは、タイポグラフィ、カラー、あるいはレイアウトに関連する可能性があります。 私自身は、使用する傾向がある... Clearfix、Font08、FontGrey、AlignL、DisplayBなどのような一般的なクラスを
フォームの入力{国境：0px;背景：＃000000;パディング：0px 10pxの; _padding：のでしました。高さ：26px;色：＃000000;行の高さ：30pxの、フォントサイズ：1.1em;} フォームのtextarea {国境：0px;背景：＃000000;色：＃000000;フォントサイズ：0.9 EM、行の高さ：1.5em;オーバーフロー：目に見える;} 。fbold {フォントの太さ：太字、カラー：＃CCCCCC;} 。fgrey {色：＃666666;} 。flightgrey {色：＃BBBBBB;} {クリア：両方;} clearfix 。分圧器{国境トップ：1px固体＃647B06、ボーダー底：＃9CC00A 1px固体;高さ：0px;} 。displayb {表示：ブロック;} displayn {表示：なし;} 。alignr {テキストが整列：右} alignc {テキストが整列：センター} 。floatr {フロート：右;} floatl {フロート：左;}
一般的なブラウザの癖の修正
さまざまなブラウザは、CSSのコードを実装し、CSSの仕様のサポートの様々なレベルを提供しています。 この結果、.... 我々の開発者が取り組むために残されている "ブラウザの癖"。 特にIE6は満たすために締め切りで最もCSSコーダーを見物。 良いニュースは、経験はこれらの問題（多くの場合、と呼ぶに一緒に可能な限り再利用可能な修正をもたらしたでCSSハック ）。
覚えている、これらのハック/修正は手元に置いておいてください
/ *次のズーム1ルールはIE6 + IE7専用です。 * / * HTML。clearfix、 *：第一子+ HTML clearfix { ズーム：1; }
あなたのCSSの調整に保つ
最後に。 あなたがインスピレーションとCSSのフレームワークのいずれかまたは複数を使用する予定されている場合は、HERESには、いくつかの一般的なものの簡単なリストです。....
覚えておいて、CSSのフレームワークを使用すると、あなた自身のいずれかを作成するには怠惰であることを意味するものではありません...それはあなたが他の経験と失敗から学ぶことがスマートであることを意味し、TIME、および生産性の向上を救え！！
CSSは、今年10歳の存在を完了！ CSSを使用してパンを（またはしない）収入、しばらくの間、回避されている人、あなたは私たちがフォントの良い選択のために飢えてされたか知ってかもしれません。 さらにフォントの欠如とでているようなデザイナーはCSS禅の庭は彼らの設計にいくつかの正義を行うための追求にフォントを置き換えるためにCSSの背景画像を利用してきました。 我々はまた、Flash / JavaScriptの®ハック私たちの設計目標を達成しようとしています。 決してこれは我々が我々のWebデザインに希望のフォントを取得するために間違った方法ですが、間違いなく、それが最も望ましい方法ではありません。 長年にわたってWebデザイナーは、私のように、完全に彼らの設計のための10かそこらのフォントに頼ってきた。
Web標準とフォントフォーマットの最近の進展は、同じ古いデフォルトフォント以外の書体でHTMLテキストをレンダリングすることが可能になります。 "@ fontface" CSSのdeclerationにしています。
@ FontFaceは実際のフォントファイルにリンクし、Webから取得するためのソリューションをprovids。 @ FontFaceを使用して、設計者は背景画像としてテキストを凍結することなく、フォントを使用することができます。 以下に示すように、実装は、非常にまっすぐ進むですが、すべての良いものがそれにCONの部分を持っているとして、すべてのブラウザでは、単一の" フォントタイプ " をサポートしています。 あなたは、クロスブラウザのサポートを必要とすると、サイト内の@ FontFaceを使用することを計画している場合、あなたは同じの様々なフォントの種類のソースを提供する必要があります。
@ FontFaceを使用して、
の@ font-face { フォントファミリー： 'CalligraphyFLFRegular'; SRC：URL（ 'CalligraphyFLF.eot'）; SRC：ローカル（ 'CalligraphyFLF'）、ローカル（ 'CalligraphyFLF'）は、url（ 'CalligraphyFLF.woff'）フォーマット（ 'WOFF'）は、url（ 'CalligraphyFLF.ttf'）フォーマット（ 'TrueTypeフォント'）は、url（ 'CalligraphyFLF 。SVG＃CalligraphyFLF '）フォーマット（の' svg '）; } の@ font-face { フォントファミリ： "あなたの書体"; SRC：URL（ "フォント/ font_filename.eot"）; SRC：ローカル（ "代替名"）、ローカル（ "Alternatename"）、 URL（ "フォント/ font_filename.woff"）フォーマット（ "WOFF"）、 URL（ "フォント/ font_filename.otf"）フォーマット（ "OpenTypeフォント"）、 URL（ "フォント/ font_filename.svg＃font_filename"）フォーマット（ "SVG"）; } H2 {フォントファミリー： "あなたの書体"、グルジア、セリフ;}
あなたは、上記の例から見ることができ、選択したフォントの書体を含むように、人は同じ書体のfonttypesのセットにリンクする必要があります。 したがって、人々は、 "フォントキット"としてそれを参照してください。
明示的にエンドユーザーライセンス契約（EULA）の下でそれにCSSの@ font-faceプロパティでリンクできます。利用可能なフォントキットがあります。
便利なWebFontリソース：
PhotoshopやIllustratorなどのツールを使って私の限られたスキルセットで、私は正直なところ私はデザイナーの私よりその私は優れた開発者に告白することができます。 しかし、コアと私のバックグラウンド（サーバ側）は、Java / PHP / COBOLでの開発は、私のUI開発スキルに非常に肯定的な影響を与えた。 私はデザインを作成中であり、何を意味するか、私はデザインを行うすなわちたびに、私はHTML-CSSをしながら、デザインが最高のHTML-CSSに変換する方法を考え、私は、バックエンド技術に関する思考を与え、適度に確認してくださいHTMLは簡単にXSLループやPHPスニペットなどに実装することができます
長年にわたり、私はおそらくdonot HTMLやCSSとは何か手がかりを持っているのUIデザイナーがデザインに頭をスローしています。 これらすべての年私は私はちょうど私の喉デザイン彼の "コードに不可能"をshovしようとしているデザイナーが、彼のデザインが変換されるものだけを少し理解することが予想される場合、私はあまりを求めるだろうと考えてきましたに。 それは正しい助けるでしょうか？
その後、私はこのポストは本日...出くわしコーディングすることはできませんWebデザイナー ...ありがとう主！ 私はちょうど同じを感じる多くの人々の一人です...上記artitleは、ビット長ったらしいです。.. しかし、読み取り、それのすべての単語価値があります。
エリオットジェイの株式をありがとう...私はホッと！
ここからの抜粋ですElliots記事が 。
正直なところ、私は2010年に、私はまだ自分のデザインをコーディングすることはできません "ウェブデザイナー"を越えて来ていることにショックを受けています。 弁解の余地はありません。
...私は私のつぶやきでもう少し具体的してきたはずです。 私は、実際のサイトにフラットなデザインを回すためにも、最も基本的なHTMLとCSSのスキルを持っていないデザイナーは話していた。 意図的にコードにないことを選択しない人、誰ができないもの。 そして私もここのフロントエンドコードにのみ参照しているが、もちろんそれは、設計者はまた、驚くべきバックエンドのプログラマであるべきだと考えるのはばかげて...
我々は、コードに無理イラストレーター、300dpiので送られた "ウェブ"のデザイン、ない一貫性/使いやすさを取得します。
〜エイミー·マオン
それが遅くなってきた、私は何とかこれを包むようになってきました。 私は私に反対する多くの人々もあるでしょうし、私の意図がコードすることはできません誰でも気分を害するか、動揺することはありませんが、私が言ったことのいくつかは掘り下げるときは、常に出てくるいくつかの点を反映していることを願ってこの議論。
一日の終わりに、私は可能なコードとすることはできません上の任意の睡眠を失うことはありません。 私はただ純粋に私は、これは過去のものだと思ったように、フロントエンドのスキルを欠いているので、多くのデザイナーを見つけて驚いています。
私が書くとしてもコメントを読んで、周りに320のコメントがあったが、...続きを読む価値がそれらは。
Elliots完全なポストをここで読んでください.. コーディングすることはできませんWebデザイナー
ラジオボタンとテキストがインラインであるため、そのテキストはラジオボタンの下に自分自身を合わせますが、テキストは、ラジオボタンの下にわずかにあるように見えます。
あなたはこれらの上に整列するには、div要素またはスパンのような別の容器に、ラジオやテキストを配置する必要があります（必要に応じて）、彼らは整列の世話をします。 それはあなたのデザインの概要は、それを可能にするのも、表のセルを使用する方が簡単でしょう。
これは、すべてのブラウザが若干異なる無線が表示されますので、あらゆるブラウザで同じように見えないので、いつもあなたが何をすべきかに関係なくサイズの問題がないようになるだろう。
HTML5はまだドラフトです。 私が書くように、2004年に開始したHTML 5の作業はまだ間の共同の努力で形 を与えられているW3C HTML WGとWHATWG 。 ワードは次の世代HTMLは機能強化や機能、ような新しい構造とセマンティクス、フォームコントロール、APIは、マルチメディア·タグなどを持っているということです。
簡単な英語で...何それが我々のUI開発者に意味する...
<BODY> <HEADER> ... </ヘッダ> <nav> ... </ NAV> <article> の<section> ... </ section>の </記事> <aside> ... </脇> <footer> ... </フッター> </ BODY>
代わりに
<BODY> <div id="header"> ... </ DIV> <div id="nav"> ... </ DIV> <div class="article"> <div class="section"> ... </ DIV> </ DIV> <div id="aside"> ... </ DIV> <div id="footer"> ... </ DIV> </ BODY>
例えば、
<video poster="poster.jpg"> <ソースのsrc = "video.3gp"タイプ= "video/3gpp" メディア= "ハンドヘルド"> <source src="video.mp4" type="video/mp4"> </ビデオ> の<audio> <source src="music.oga" type="audio/ogg"> <source src="music.mp3" type="audio/mpeg"> </オーディオ>
新しいバージョンにもっと多くの変更/アップグレードがあります...私が何か面白い有用なものaccrossに来るようにこの記事を更新し続けます。.... このスペースを見る
HTML 5仕様は開発に積極的にまだあるので、このドキュメントでは、正確な情報を提供することはできません。 疑問がある場合は、必ず確認してここにHTML 5の仕様を 。
かんしゃくをスローすることによって、時間と繰り返した時、開発の精神のうち、すべてのW3Cの規則によって言われたとおりに動作するように見て、他のブラウザ、IEスパイラルあなたは、その修正プログラムを持っていないようです。 ちょうどそのような一つは、IE7でこの問題です。
問題文：
私など他の深刻なウェブ開発者の多くは、いくつかのリンク（アンカータグ）の上にカーソルを移動に、レイアウトでフロートがネストする場合、容器が右に数ピクセルシフトしているようだ、何度以上に気付いたかもしれません。 私はこの問題のためのGoogleのソリューションを試してみましたが、ほとんど理由に合理的な答えを見つけなかったし、それが発生したとき（起きてからこの問題を回避するのに役立つかもしれない）、それゆえ私はどちらかの問題に対する明確な解決策を見つけたことがない...
可能な解決策：
経験から、私はこの問題は、誤動作、コンテナのCSS定義にzoomプロパティを追加することによって固定されていること、すなわち時間の通知が90％パーセントを持っている...
＃somediv { ズーム：1; }
再び理由があいまいである...これを試して...
IEの一部の要素はデフォルトで"true"です"hasLayout"プロパティを持っています。 多くの視覚的なCSSの行動、例えば、アルファフィルタは、hasLayoutその要素上で動作します。 と{ズーム：1}はターゲット要素のhasLayoutプロパティを与えるようで .... 役に立つか？ 私はそう思ういけない...
zoomプロパティはまた、クロームでサポートされているように思われますが、その使用DINTは、私のレイアウトに非常に悪影響を及ぼすように見える...それはあなたのために働く場合は、それを試して...それがない場合は、 "CSSのクラップス"の下にこのページをブックマーク
