コーディング - ページ 28

現時点ではあります 合計142のHTMLエレメント 標準化の初期段階のものと時代遅れになったものを除いて、W3Cによって標準化されています。それは言った、それは必要なときに役立つことができるそれらのいくつかを欠場するか忘れることが可能です. これまでに、見落としがちなCSSのトリックをいくつかまとめました。この記事では、次のような機能を実装するために使用できるとは知らなかったHTMLタグについて説明します。 1.地図画像 HTML 要素を使用してイメージマップを作成できます. イメージマップ クリック可能な領域が基本的にある画像で、他のWebページまたは同じ文書の他の部分にハイパーリンクすることができます。画像のどの領域をクリック可能にするかを定義するには、それらの点の対応するX Y座標を 内部にネストした要素 . 注意： クリック可能な領域はCSSでスタイル設定することはできません。そのため、これらのマーカーをスタイル設定する場合は、簡単な画像編集ソフトウェアを使用してマーカーを描画します。. 先端： 画像内の1点の座標を知りたい場合は、画像編集ソフトウェアでその画像を開き、その点にカーソルを移動すると、ソフトウェア自体でその座標が表示されるはずです。 GIMPの場合は、下部バーの左側に表示されます。. CodePenのPreethi（@rpsthecoder）によるPen PqZNzGを参照してください。. 2.提案を入力してください つかいます 入力値を入力している間に表示される関連する提案のリストを提供する. CodePenでPreethi（@rpsthecoder）によるPen MwKybGを参照してください。. 3.テキストをハイライトする ハイライト表示されたテキストは通常​​、明るい背景を持つ暗いテキスト色になります。あなたはマークアップだけでその強調されたテキスト効果を達成することができます。内に囲まれた任意のテキスト その効果があります. あなたはカスタマイズすることができます ハイライトカラー とともに...

Codepenは、とても簡単で人気のあるサイトです。 ペン 作業中のフロントエンドコードコンボ 直ちに。 Codepenがどのようなものであるか、または以前に聞いたことがないかわからない場合は、基本的には オンラインソースコード遊び場 （それを呼びましょう OSCP フロントエンドコーディングの三銃士のために（オタクのために）。 HTML, CSS そして JavaScript. JSFiddle、JS Bin、CSSDeck、Dabbletなど、他にも似たようなOSCPがあります。 Codepenは間違いなくフロントエンド開発者の間で最もよく知られているものの1つです。さらに苦労することなく、いくつかに飛び込みましょう。 基本的で便利なヒント Codepenを使用するための. 1.実行ボタン あなたがCodepenであなたのコードの出力が更新され続ける方法のファンでなければ しながら あなたが入力している、あなたはできる からオプトアウト “自動更新プレビュー” オプション, 代わりにRunボタンをクリックしてください。それをクリックすると、あなたはあなたのコードの出力を見て更新することができるでしょう いつでも好きなときに. あなたがその出力がそのコードで働いているならば、これはまた素晴らしいオプションです。 たくさんのレイアウト変更を経る, 更新されるたびに再描画するため、処理が遅くなります。....

AngularJSは、次の目的に使用できる素晴らしいJavascriptフレームワークです。 パワフルに そして 動的Webアプリ. それはまたの建物をカバー 複雑なクライアントサイドアプリケーション. 2009年のリリース以来、AngularJSは、「ディレクティブ」として知られるカスタムHTMLタグおよび属性の便利な拡張のために、多くの開発者によって広く使用されてきました。. 一部の人にとっては、公式文書を通じてAngularを学ぶだけでは不十分です。彼らは好む ビデオベースのチュートリアル 代わりに、または具体的な議論があるより洗練された学習サイト、デモ、 自分で試してください 機能など。だからこの記事では、私たちはリストしている 10 Angular JSチュートリアルとスクリーンキャスト それはあなたのAngular学習をキックスタートさせるでしょう. 1. Mooの年 Mooによるこのよく書かれたチュートリアルはAngularJSがどのように機能するか、そしてそれが何のために使われることができるかの非常に基本をあなたに教えるつもりです。それはAngularのすべての主要部分をカバーしています。 モジュール、依存性注入、ルート、サービス、ディレクティブ もっと。また、Angularの使い方について簡単に説明します。 MooTools そして jQuery. あなたはおそらく彼らの2番目の記事をもっと読みたいと思うでしょう。 角度のヒントとコツ. 2. CodeacademyのAngular J あなたが好きなら...

PostCSSはそれを可能にする信じられないほど用途の広いツールです。 JavaScriptプラグインを使ってCSSスタイルを変換する. その柔軟性は、それが構築された方法にあります. PostCSSの中核部分は、npmでインストールできるNode.jsモジュールです。これには、プロジェクトで使用することを選択できる200を超えるプラグインのエコシステムがあります。. PostCSSはプリプロセッサでもポストプロセッサでもありません。異なるPostCSSプラグインがこれらのカテゴリのどちらか、または両方に分類される可能性があるためです。それはあなたがそれを作るものによって完全にあなた次第です。 PostCSSでは、あなたは 別の構文を学ぶ必要はありません SassやLESSの場合と同じです。すぐに使い始めることができます. PostCSSは既存のCSSファイルを受け取り、それをJavaScriptで読み取り可能なデータに変換します。その後、JavaScriptプラグインが変更を実行し、PostCSSは変更されたバージョンの元のファイルを返します。かっこいいね? この記事では、10のPostCSSプラグインを見ていきます。 あなたが達成できる素晴らしいことのいくつかへの洞察をあなたに与えなさい この素晴らしいツールを使って. 1.オートプレフィックス 自動プレフィックス Google、Twitter、Shopifyなどの著名なハイテク企業で使用されているので、おそらく最も有名なPostCssプラグインです。それ 必要に応じてCSSプレフィックスにベンダープレフィックスを追加する. AutoprefixerはCan I Useのデータを使用します。このようにすると、日付は更新されず、常に最新の規則を適用できます。あなたはそれがそのインタラクティブなデモサイトでどのように機能するかをチェックすることができます. 2. CSSネクスト CSSnext それはCSS transpilerです 現在のサイトで将来のCSS構文を使用できるようにします. W3Cには、現在ブラウザでは実装されていない多くの新しいCSSルールがありますが、開発者がより洗練されたCSSをより速く簡単に書くことを可能にする可能性があります。 CSSnextはこのギャップを埋めるために作られました. その機能を見て、それを使って何ができるのかを確かめることは価値があります。 カスタムメディアクエリ、カスタムセレクタ、色修飾子、SVGフィルタ、および新しい擬似クラスを使用する あなたのデザインに....