😝 🗨️ 🙁 前週のフロントエンドの世界からの新鮮な材料のダイジェストNo. 221（2016年7月24〜31日） 👋 🕡 🔨

フロントエンドエリアの有用なリソースと興味深い資料へのリンクを含むセレクションをご紹介します

ウェブ開発

CSS

Javascript

ブラウザ

ニュース

ウェブ開発

Web Standards Podcast、第26号：「Chrome 52、SafariおよびMathML、フォント表示、WebPおよびWebM、HyperTerm、書籍、フロントエンドパス」
AMP-SEOにモバイルのウェブサイトアクセラレーションが必要な理由と理由
WordPress 4.6の新機能
マップGoogleマップ-サイトにマップを挿入およびデザイン（様式化）します
利用可能なSVG 。アクセス可能なSVG記事の翻訳
GITチートシート
Font Awesome SVG -SVGとしてのすべてのFont Awsomeフォントアイコン
Silo Buster-ソーシャルネットワークと検索結果のサイトURLを最適化するためのマークアップジェネレーター
ネイティブOS Xアプリとして実行されるプログレッシブWebアプリ
カスタムHTML要素について（HTMLカスタム要素について）
私たちのウェブサイトがあなたのものより速い理由：画像、フォント、重要なCSSの最適化からサーバー構成の微妙な違いまで（私たちのウェブサイトがあなたのものより速い理由）
サービスワーカーの実際のパフォーマンスへの影響の測定
Webアプリにオフラインサポートを追加する
モバイルCDN-すべてのデバイスでのコンテンツ配信の高速化
sw-offline-google-analyticsを使用したGoogleアナリティクスのオフラインサポート（オフラインGoogleアナリティクスの簡易化：sw-offline-google-analyticsの使用）
fieldsetおよびlegend要素を正しく使用する（fieldsetおよびlegend要素を使用する）
完璧な画像フォーマットを選択する方法
github-widget- githubの詳細を表示するウィジェットで、ポートフォリオWebサイトに簡単に埋め込むことができます。）
壮大なウェブ：
- 異常なサイトダイブエフェクト（上と下：注目コンテンツレイアウトエフェクト）
- マスクされたSVGスライダー（クリップされたSVGスライダー）
- 人生の幻想： SVGアニメーションの例（人生の幻想：SVGアニメーションのケーススタディ）

CSS

背景プロパティ。バックグラウンドプロパティの翻訳
ほとんどCSSになった言語。記事「CSSになった言語」の翻訳
Marvel Webサイトのスタイルガイドを作成した方法と理由（ Marvelスタイルガイドを作成した方法と理由）
全幅ブロックが制限された幅のコンテナで囲まれているページの作成（制限幅の親の全幅コンテナ）
新しい包含プロパティのスタイル制限は、Chrome 52で既に試すことができます（ Chrome 52の CSS包含）
JavaScriptを使用しないレスポンシブCSSライトボックス
メールテンプレートを作成するときにコードを削減する方法（HTMLメールコードの削減）
演算子とRGB関数を使用してSass色を操作する
BEM、SASS、およびOOCSSを使用したオブジェクト指向フロントエンドフレームワークの作成
CSS （The CSS Reflectionsの状態）を使用して反射を作成する現代の可能性について
CSS writing-modeプロパティの使用について（CSS Writing Mode）
ホバーは死んでいます。ホバーを長生き！（ホバーは死んでいます。長いライブホバー。）
モバイルフレンドリーなレスポンシブテーブルの構築からの教訓（モバイルフレンドリーでアクセス可能なデータテーブルの構築からの教訓）
レガシーCSSコードの作成と保守について（レガシーCSSコードを作成していますか？）
アングルエッジ -SVGを動的にエンコードすることでセクションにアングルエッジを作成するためのSASSミックスイン。
CSSフィルターを使用したカラーホイールアニメーション
実際のコンテンツがロードされるまでCSSで要素をロードするような錯覚を作成します（ CSSを作成するまでフェイク）

Javascript

更新： Aurelia 1.0 リリース、Ember.js 2.7および2.8ベータリリース、 Meteor 1.4の発表 -NodeおよびMongoDBの更新
記録放送MoscowJS Meetup 32
jQuery Foundationと標準
JavaScript正規表現のUnicodeプロパティエスケープ
人気のあるJSツールにはどのような依存関係がありますか（人気のあるJavaScriptツールは何に依存していますか？）
実用的なモジュール化のヒント
ESLintを使用してJavaScriptを自動的に修正およびフォーマットする（ ESLintを使用してJavaScriptを自動修正およびフォーマットする）
スロットルによるスクロールイベントの改善（クイックヒント：スクロールイベントをスロットルする方法）
JavaScript変数のライフサイクル：なぜletが上げられないのか）
不変性とカプセル化
ES6：
- 約束の紹介-ES6の最新のイノベーションの1つ
- ES6の大きなベビーベッド（あなたのES6はどうですか？）
- 現在、すべてのコミュニティがES2015モジュールに移行することが重要な理由（JavaScriptのモジュール化の最先端に基づいてES2015モジュールを選択する理由）
フレームワーク
- React Gochas
- Reactでのコンポーネントレンダリングパフォーマンス
- angularjsを使用して要素をアニメーション化する方法
- ReactおよびRedux DevToolsの概要
- Interpose -ReactコンポーネントでネイティブCSS変数を使用するツール
- bisheng -MarkdownファイルをReactで単一ページのサイトに変換する
- Angularを使用したSPAの作成（Angularを使用した単一ページアプリケーション（SPA））
- react-monocle- Reactアプリケーションのコンポーネント階層を視覚化する開発者ツール。）
- React Nativeを使用して顔認識アプリを作成する
- 高次コンポーネント：Reactアプリケーションの設計パターン
- 設定なしでReactアプリケーションを作成する
- Angular 2からのAngular 1.xアップグレード戦略（Angular 1.xからのAngular 2アップグレード戦略）
教訓：
- JavaScriptでの音楽。 Steve ReichとBrian Eno （JavaScript Systems Music）をプレイしてWebオーディオを学習する
- JavaScriptでセルフィーを取る（JavaScriptでセルフィーを取る）
- レッスン：ReduxをTypeScriptとAngular 2で使用する（チュートリアル：TypeScriptでReduxをAngular 2で構築する）
- Node.jsを使用したJavaScriptコマンドラインインターフェイス（CLI）の作成
プラグイン
- IZIMODAL-柔軟なレスポンシブモーダルウィンドウを作成するための別のjQueryプラグイン
- MetricsGraphics.jsは、D3の上に構築されたライブラリであり、時系列データの視覚化とレイアウトに最適化されています。
- box-js-悪意のあるJavaScriptプログラムを調査するためのツール（box-js-JavaScriptマルウェアを調査するためのツール）
- Typography.js-美しいタイポグラフィでウェブサイトを構築するための強力なツールキット。

ブラウザ

ナイトリービルドに組み込まれたFirefoxアドオン
Firefox 49は、Hello通信クライアントを廃止します
必須のデジタル署名検証アドオンなしで利用可能なFirefoxビルド
Reactを使用したChromeでオートコンプリートをオフにする
CSS：疑似クラスCSS疑似クラスの接頭辞が解除されました
フリーランサー向けの最高のChrome拡張機能（フリーランサー向けの10のベストChrome拡張機能）
検索オーバーフロー-スタックオーバーフロー検索のためのOperaおよびChromeの拡張機能 w）

ニュース

入力ミスやリンクの破損/重複をおaびします。あなたが問題に気づいた場合-個人的なメールに書いてください、私たちはすぐにそれらを修正しようとします。

先週のダイジェスト。
dersmollとalekskorovinが作成した資料。

前週のフロントエンドの世界からの新鮮な材料のダイジェストNo. 221（2016年7月24〜31日）

ウェブ開発

CSS

Javascript

ブラウザ

ニュース

More articles: