コーディング - ページ 4

すべてのWebページには 伝票ヘッダ そしてあります たくさん それはそこに入ります。 WordPressユーザーは多くの場合、SEOプラグインに依存しています。 複雑なメタタグを処理する. ただし、テーマをゼロからコーディングしている場合は、次のようにします。 ドキュメントのヘッダーを少し広げる. 文字通りあります 何百ものタグ それぞれ独自の微妙な目的で使うことができます ヘッド情報を入手 このトピックに関して必要な唯一のチートシートです。. それ すべてのタグをリストします, Web開発者が使用する最も一般的なソリューションに基づいて目次で構成されています。また、このリストを見つけることができます GitHubで それが単純なレポとして始まったところ. メインサイトは 別のエンティティ 作成者Josh Bucheaによって維持されています。しかし、GitHubリポジトリは プルリクエスト用にオープン, 他の開発者がタグを追加したり変更を推薦したりできるように. あなたは実際に見ることができます 貢献者のリスト 公式GitHubレポジトリに。このレポは非常に大きくなったので、 一握りの言語に翻訳 日本語、中国語、ブラジルポルトガル語など....

あなたが初心者であろうと経験豊富なCSS開発者であろうと、あなたはおそらく聞いたことがあるでしょう 疑似クラス. 最も有名な疑似クラスはおそらく ホバー, それは私達がそれがあるとき要素をスタイルすることを可能にします ホバー状態, すなわち、マウスなどのポインタデバイスがそれを指しているとき. 以前のマージンに関する投稿の概念：autoとCSS Floatsに続いて、この投稿の擬似クラスについて詳しく説明しました。様子を見よう 疑似クラスが本当に何であるか, それらがどのように機能するか、それらをどのように分類できるか それらが擬似要素とどう違うのか. 擬似クラスとは? 疑似クラスは、CSSセレクタに追加するためのキーワードです。 特別な州を定義する 属するHTML要素の。を使ってCSSセレクタに擬似クラスを追加することができます。 コロン構文 ： このような： a：ホバー… CSSクラスは、トップメニュー項目やサイドバーウィジェットのタイトルなど、同じスタイルルールを適用したいHTML要素に追加できる属性です。つまり、CSSクラスを使って次のことができます。 HTML要素をグループ化または分類する どちらが似ているか. 疑似クラスは、それらも同様であるという意味でそれらと似ています。 同じ特性を共有する要素にスタイルルールを追加するために使用されます. 本物のクラスは ユーザー定義の そして ソースコードで見つけることができます, 例えば...

多くのことが 最初のHTTPリクエスト そしてその 最終納入 Webページの。データ転送とブラウザのレンダリングパイプラインには、さまざまなテクノロジが必要です。 CSSオブジェクトモデル, または CSSOM. CSSオブジェクトモデルはCSSコードを受け取り、すべてのセレクタをレンダリングします。 木構造に より簡単に解析するために。開発者がこの概念を完全に理解することは重要ではないかもしれませんが、もっと詳しく知りたい場合には検討する価値のあるトピックです。 ブラウザがコードを機能しているWebサイトにレンダリングする方法. この記事では、CSSオブジェクト・モデルの基本について説明し、それがどのように機能するのかを説明します。. CSSOMとは? CSSオブジェクトモデルという用語は、 すべてのCSSセレクタと各セレクタに関連するプロパティのマップ. これらのスタイルは、ルート要素になることも、子をネストすることもできます. CSSOMは非常によく似ています HTMLのDOM, これは、Document Object Modelを表します。両方ともの一部です クリティカルレンダリングパス これは一連のステップです。 ウェブサイトを正しくレンダリングする. これらすべてのプロセスが起こる 自動的に, 舞台裏. では、なぜCSSOMは重要なのでしょうか。それはブラウザによって使用されるマップです。 CSSスタイルを正しくレンダリングする...

Web開発者は頻繁に話しています RESTの原則とRESTfulデータアーキテクチャ, それは現代の発展の重要な側面ですが、時々それは信じられないほど混乱させることができます。 RESTはそれ自体がテクノロジではなく、むしろテクノロジです。 特定の組織原則を使用してAPIを作成する方法. これらの原則は開発者を導き、APIリクエストを処理するためのより普遍的な環境を作ることです。. この記事では、RESTfulな開発手法を鳥瞰図で説明します。取り組みたい の 何 ではなく どうやって. 私は両方の分野について触れますが、この記事はWeb開発に慣れている人のために作られたものですが、REST APIの概念を理解することはできません。. Web開発者のためのREST 頭字語のRESTはの略です 代表状態の移管. これはやや混乱を招くように思われるかもしれません、そして、ウィキエントリはそれをさらに混乱させるように聞こえます。しかし、用語を単純化することは可能です. RESTは一連の データ伝送に使用されるガイドラインとアーキテクチャスタイル. 一般的にWebアプリケーションに適用されますが、ソフトウェアにもデータを渡すことができます. 頭字語APIはApplication Programming Interfaceの略で、次のメソッドです。 他のライブラリやアプリケーションと接続する. Windowsには複数のAPIがあり、TwitterにもWeb APIがあります。ただし、それぞれ異なる目的でさまざまなタスクを実行します。. まとめると、RESTful APIはRESTアーキテクチャーに従うAPIです。. RESTアーキテクチャとは何ですか? これが詳細を決めるのが難しいところです。ただし、次のようなアーキテクチャ上の定数がいくつかあります。...

フロントエンドの開発は、毎年追加される多くの新しいテクニックで素早く動きます。開発者がすべてについていくのに苦労する可能性があります。 SassとPostCSSの間では、開発ツールの世界で迷子になるのは簡単です。. 1つの新しい技術は、略してOOCSSとも呼ばれるオブジェクト指向CSSです。これはツールではなく、それを目的としたCSS作成方法論です。 CSSをモジュール式およびオブジェクトベースにする. この記事では、私が紹介したいのですが OOCSSのコアとなる基礎, そして これらのアイデアをフロントエンドのWeb作業にどのように適用できるか. このテクニックはすべての開発者についていけないかもしれませんが、あなたのワークフローがそれから利益を得ることができるかどうかを決めるために新しい概念を理解する価値があります. CSSをオブジェクト指向にするもの? オブジェクト指向プログラミング（OOP）は、以下に焦点を当てたプログラミングパラダイムです。 再利用可能なオブジェクトを作成する そして 関係を築く コードをプロシージャ（ルーチン、サブルーチン、または関数）に編成する手続き型プログラミングとは対照的に、それらの間. OOPは両方で広く使用されるようになりました JavaScriptとバックエンドの言語 ここ数年で、CSSをその原則に従って整理することはまだ新しい概念です. の “物” OOCSSでの HTML要素 またはそれに関連するもの（CSSクラスやJavaScriptメソッドなど）。たとえば、さまざまな目的（ニュースレターの登録、広告ブロック、最近の投稿など）で複製できるサイドバーウィジェットオブジェクトがあるとします。 CSSはできます これらのオブジェクトをまとめてターゲットにする スケーリングが簡単になります. OOCSSのGitHubエントリを要約すると、CSSオブジェクトは4つの要素から構成されます。 DOMのHTMLノード それらのノードのスタイルに関するCSS宣言 背景画像のようなコンポーネント...

SVG（Scalable Vector Graphics）は、Internet Explorerを含むすべての主要Webブラウザで正式にサポートされています。このサポートは、SVGをネイティブフォーマットとして使用するInkscapeなど、多種多様な画像編集ソフトウェアにまで及びます（SVGをさらにリフレッシュしたい場合は、ここをクリックしてください）。. しかし、Webブラウザでは正確に何がサポートされていますか？すべてのレンダリングエンジンはSVGファイルとその機能を同じように表示しますか？そして、フィルタのような彼らの高度な機能はどうですか？まあそれが私達が見つけようとしているものです。それほど悪名の低いものも含めて、最新のブラウザのサンプルを取りました。 この目的のために作られたSVGファイルでそれらをテストしました. テスト画像 私たちは、アーティストが最も使用する可能性が高い要素に焦点を絞って、テスト用画像を作成しました。テストされた機能には、テキストパスとその相互作用、グラデーション、ガウスぼかしフィルタ、そして最後に、より多くの種類のフィルタから積み重ねられた高度な合成フィルタがあります。. Webブラウザエンジン 点滅エンジン 私達は - はるかに最も頻繁なレンダリングエンジン - Blinkから始めました。 Blinkは、GoogleのChromeおよびChromiumブラウザ、Opera、Android WebViewのネイティブエンジンです。上記のブラウザはすべて、テスト対象のプラットフォーム間でテストイメージを同じ方法でレンダリングします。. Inkscapeによって作成された元の画像と比較すると、積み重ねられたフィルタ効果のレンダリングにわずかな違いがあることを除いて問題はありませんでした。. ブラウザ バージョン プラットフォーム 結果 クロム 43.0.2357.125 Linux オペラ 30.0.1835.59 Linux オペラ 30.0.1856.93524...

あり 技術が普及している 最近では、新しいプログラミング言語が1日おきに発売されているので、驚くことではありません。 何人かの親は彼らの子供がプログラミングを拾うように調査しています 幼い頃に. Appleの人々はおそらくそれをよく知っている プログラマは非常に重要です このテクノロジー主導の世界では、Tynkerと呼ばれる会社と提携しています。 教育用iPadアプリを開発する …まあ… ティンカー. TynkerはApple App Storeで入手可能なアプリケーションです。 幼児にAppleのSwift Syntaxを教える 楽しい、インタラクティブなゲームとして偽装することによって。アプリは2つの無料コースが付属していますが、スペースカデットコースは幼児向けです ドラゴンスペルコースは、8歳以上のお子様向けです。. 以内 Tynkerの2つの無料コースで見つけることができる115のレベル, 子供たちはプログラミングの基本を学ぶことができるようになります。初期のレベルは子供たちに教えるでしょう コードのビットをLegoとして表すことによってプログラムする方法 それ以降のレベルでは子供たちは自分の基本的なゲームを構築する方法を考え出すでしょうが. Tynkerアプリを利用できるのは子供だけではありません アプリもまた統合されているので 二 新カリキュラム iBooksのモジュール, 教師に 教室のニーズに合わせてアプリを活用する...

前回の記事では、Compassについて一度触れました。公式サイトによると、それはと記述されています オープンソースのCSSオーサリングフレームワーク. 要するに、コンパスはSassの拡張機能で、LESS Element of LESSのように、すぐに使えるCSS3 Mixinがたくさんありますが、Sassの強力なコンパニオンツールになるものが他にもいくつか追加されています。それをチェックしよう. コンパスのインストール Sassのようなコンパス, 私たちのシステムにインストールする必要があります. ただし、Scout AppやCompass.appなどのアプリケーションを使用している場合は、これは不要です。. それらがなければ、あなたはそれをする必要があります “手動で” スルー 端末/コマンドプロンプト. これを行うには、次のコマンドラインを入力してください。 Mac / Linuxターミナル sudo宝石インストールコンパス Windowsのコマンドプロンプト 宝石インストールコンパス インストールが成功すると、以下に示すように通知を受け取るはずです。 次に、作業ディレクトリで次のコマンドラインを実行して追加します。 プロジェクトファイルをコンパスする. コンパスinit 参考文献：コンパスコマンドラインドキュメント コンパス設定 このコマンドを実行したことがある場合...