インターネットWebデザイン

CSS:ホバー。 オリジナルホバー効果

根本的に新しい、それが作成され、処理コードから情報の提示を分割する考えでした。 これは、期限内に強い決断だったが、今回は完全にはその後、認識されませんでした。 プログラミングは、単一のコンピュータから分離されていますが、ローカルネットワークまたは単一のドメインゾーンに勝つ、とすぐにすべての場所に広がったが、その後、それは(デザインの面で)情報の提供明らかになったと(コードの面で)それでは動作しませんでしたとき - 2同一平面上にサイド。

サイト構築の3つの側面

PHPコードは、JavaScriptコードとCSSスタイルの説明:ビューの正式な観点から、サイトを構成する(様々な装いの構文で)3つの主要コンポーネントがあります。 それがどのように使われるかは重要ではありませんし、特定のコンポーネントのバージョンが、どのようなHTMLのバージョンを使用して、どのようなブラウザのバージョンそれだけの価値があります。 符号化して符号化されているもののことされ、表示および実行することができます任意の時点で期限を過ぎているため、互換性のある、今日は、高く評価で開催されていません

以前の言語のアイデアのために戦った場合、今無駄に戦うためには、インターネット技術とブラウザの分野でメーカーの基準を好みます。

プライベートとパブリック

インターネットへのアクセスする手段は、(コンピュータ、ノートパソコン、タブレット、スマートフォン)、ブラウザの多くは、あまりにも、たくさんあります。 個々のデバイスは、それが開発者によって作成された形でサイトを表示する保証はありません。 常にターゲットの最後の努力に到達し、統一されたWebデザインを提供し、それは訪問者に開放することができるどこ、それは統一表示の本質である、多くの顔を持っていません。

働くものだけ後者を使用して、プライベートとパブリックの共有には、設計における重要な進歩を達成することができます。 美容、芸術的瞬間とウェブデザイン - 関連する専門家や才能の継承。 CSS - コード、非常に独特であるが。 スタイル(表示オプション)を記述するための彼の懸念。 モバイルデバイスのCSSの出現でメディアクエリの実際のコーディングをロードします。 設計とコードの間の再結婚のオプションは、そのので - ほんの数年前に思えたかもしれないほど非現実的ではありません。

開発者は、あなたの個人的な経験に基づいて開発CSS-スタイルに従事し、ほとんどの観光客を満足させるほとんどのブラウザでは動作し、それらのCSSデザインを証明します。 第一及び第二の最小値は、いつでも、どこでも、事実上機能した結果を得るために、可能な限りその後、多くの可能性が高いのに使用する必要があります。

最初のルール:標準の希望だけでなく、自分自身を助ける人々

CSS:ホバー - マウスは、商品ページの「ゴーン」であるとき。 マウスが要素上でクリックされると、それがアクティブになりますが、カーソルは横になると、それが再び変更し、アクティブ状態で自分自身を表示することができます。 「:ホバー」、「アクティブ」と「訪問」 - スタイルの説明の中で最も人気のある擬似クラスを。

これは、要素の上にマウスの動きなど些細なことを心配しないようにあなたのサイトのコードに非常に便利です。 スタイルの2つの記述を記述したテーブルでの提供:

要素{

色:ブラック。

}

要素:ホバー{

色:白;

背景色:緑;

}

あなたが黒から白にテキストの色を変更し、緑に要素の背景を変更自動的に要素の上にマウスを置くと、取得します。 擬似は、任意の要素に適用され、視覚効果の多種多様を達成することができます。

二番目のルール:信頼水準は、そのコードによって導かれます

進捗状況は、コンピュータや武器を装備したラップトップで推移し、かつ移動体通信の進歩は、このようなデバイスは非常に問題で接続し、スマートフォン、タブレット、その他のモバイルデバイスの出現につながっていない場合、すべてが大丈夫だと思います。

一方、唯一の特別なタッチスクリーンガジェットを装備し、それは、スマートフォン、タブレットおよび類似のデバイスへの慣例となっているように、直接タッチスクリーン上で指を操作可能です。

そこに有意差があると:ホバーは、ここで働く私たちが希望通りではありません。 いいえコードは行うことはできません、とメディアクエリを使用すると、すべての質問にないことを決定しました。

CSSホバー、CSSホバーフォーカス、アクティブなCSSホバー(訪問): - 互換性情報の今日の世界では、あまりにも高価なため、ウェブデザインと、好ましくは最低限必要なユースケースによって導かれた機能を実装するための指定要件の範囲内で、サイトの適切な機能を確保するために。 (ブラウザで、サーバー上など)より多くのコードは、より良い、Webデザインを監視します。 プログラムは - このコントロールが頻繁に期待するのか分からない現行基準の慈悲に家賃のためではないとき、それは優れている、コントロールです。

ボタンやページの他の要素

ボタンのホバーCSS - 素晴らしい解決策が、長い目で見れば、各ページ要素は、「ボタン」です。 このサイトは、主に生活でなければならず、コードが組み込まれていない場合、タスクは少なくとも活気のページ要素を与えることができCSS-スタイルによって、その後、十分な範囲や訪問者の行動に基づいて行為を開発してサイトを作成する場合。

便利なホバー効果を使用してください。 彼らの助けを借りて、簡単にあなたのページの活気を与えることができますが、その動きを追跡することが可能でない場合、コードは、画面上でマウスを作るものがわかりません。 このような観点から、それは、ときにコードコントロールマウスの動き(スマートフォン上の指の動き=)であり、それは独立して項目を強調表示してもよいか、またはそれを変換します。 これは、擬似クラスとは何の関係もありませんが、十分に異なるブラウザで異なるデバイス上でそれを表示するには、コード・ページの外観を完全に制御できます。

スタイルシートでの落とし穴

CSSスタイルの分野における標準は、彼らが何をしているか分からないと言って、それは不可能であるが、彼らは完全にインターネットプログラミングの分野では、他の規格と協力することを言うことも不可能です。

スタイルと擬似クラスは、サーバーがページを生成するとき、ページコーディングの段階で説明したとダイナミクスにブラウザ内で既にあることができ、簡単に新しいスタイルを作成し、既存のものを変更することができます。

訪問者の行動への応答を表示するページを再生成する必要がない場合には、AJAXを使用して、そして項目または複数の項目を変更するのに十分であることはほとんどない「コショウ」を追加します。 「友情」のコード - ブラウザ(JavaScriptの)実際には、すでにしているサーバー(PHP) - 作者(プログラマ)サイトの継承。

この相互作用のアルゴリズムが実行される方法では、有意なだけでなく、その要素のページの表示に依存するだけでなく、さらにコードの彼らの認識。 簡単に言えば、(特に)擬似は、そよ風とクリアな海でセーリングヨットのように、静的のための非常に優れている - すべてが、明確なアクセスおよび管理可能です。 天候の変化、またはとき、風が強い、または訪問者に不測の事態が発生します場合は、すぐに岩礁の上に下ると訪問者を失うことができます。

標準およびそのエミュレーション

スタイルCSSは ホバーはonmouseover属性を使用してイベントONMOUSEOUT、JavaScriptでエミュレートすることができます。 多くの場合、このすべて終了します。 それが本当の作業サイトを作成することになると常識の観点から、変更が意志と開発者の願いであることを神話上の基準のなすがままにそれを与えることよりも、自分たちの手でコントロールを維持することをお勧めします。

時には、この機能でもIE»で利用可能です」、のような何かを読み取ることができますが、それ以上は特定のブラウザを記述認識されているどのようなスタイルについて読むことができます。 JavaScriptは別のブラウザで異なっているかを知ることができますはるかに少ないです。

、「クローム」と「オペラ」の機能を眺め、「マイクロソフト」いずれかのプログラマからIEへの親愛なる、忘れられないの製造業者からの遅さと、ブラウザの慣性を(批判、経験の評価:「古き良きInternet Explorerがコンピュータ上だけで怠惰や誰でも呪わないではありません。何をどこでも動作し、すべての回での使用: - 」、「ソリティア」を再生する方法を知っているだけで 、未知の著者インターネットを引用)、中庸に従ってください。

人々は、彼らがスリルを取得する必要があるとき、彼らは通常、登記所や劇場ではなく、インターネットに行く作業するツールが必要です。

エミュレーションとコントロール

プログラミングはその足で取得されたときに以前は、高齢者に耳を傾け、正しく書くことが通例でした。 今日、あまりにも多くの先輩は、あまりにも早くすべてが変化している、とあなたはすべての時間を聞く場合は、最小機能部位であっても非常に簡単な仕事のために十分ではありません。

プログラミング - 主に制御され、そして場合によっては時に標準偏ったセットルール、またはあなたは鋭いルールの変更、その清算と新しいの出現を期待することができ、最良の解決策は、常にすべての意思決定をしないようになって、そして可能な限り最小の必要なサイトの機能を実装しましたが、実際に動作するコード。

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 ja.unansea.com. Theme powered by WordPress.