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

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

ウェブ開発

CSS

Javascript

ブラウザ

ニュースと面白い

ウェブ開発

• 12種類の便利なChrome DevToolsのヒント
• 適応型電子メールのレイアウト：問題とその解決策
• 「手紙を書く」：良いメールを作るための3つのテクニック
• Web Standards Podcast、Issue No. 36 ：Safari TP、async / await、HTML 5.2、JSモジュール、CSSとSVGの過小評価、擬似要素、アクセシビリティ、ポリファイルとReact。
• Hakesletポッドキャストのパイロットリリース 。 ツール、言語、git、JS、コンピューター思考、そして未来についての考察。
• 設計システムのスペース
• 画像の代替テキスト 。 代替テキストと画像の翻訳
• SVG `path`構文：図解ガイド
• 開発者としてのAMPレビュー（Googleの開発者としてのAMPのレビュー）
• AMPは現在2G以下に最適化されていません。
• HTTP / 2：良い、悪い、andい
• 再帰的SVGパターンパート2（再帰的SVGパターンパート2）
• Webpackによるモジュールバンドル：スタートガイド
• BBCのWebパフォーマンスの秘密
• 2016年のトップ10フロントエンド静的フレームワーク（2016年のトップ10フロントエンドフレームワーク）
• 2016年のHTMLモバイルフレームワークの現状
• クイックヒント：Googleカスタム検索を手動でスタイル設定する方法
• GraphQLがRESTを置き換えると信じる理由
• 専門家と話す：クリス・コイヤー （ 専門家と話す ：クリス・コイヤー）

CSS

• 開発者会議でCSSに泥を投げるのをやめるかもしれませんか？
• CSSシェイプによる再設計、 Eric Meyerによる記事 （CSSシェイプによる再設計）
• 昨年9月のボストンでのCSSConfからの提出
• フレックスグロース9999ハック
• サポート ルールはあなたの人生を変えます（ サポートはあなたの人生を変えます）
• インラインスタイルに関する私の考え
• CSSグリッドはHTMLを調整しますか？ （CSSグリッド用にHTMLをフラット化しますか？）
• tipograf-次のプロジェクトのための純粋なCSSのタイポグラフィの基本セット
• フォントの最適化 、Ilya Grigorikによるdeveloper.google.comの更新された記事
• n番目の子とCicadaの原理によるマジックランダム化
• 「変更」は変更する必要がありますか？ デザイナー向けの警告 （ "will-change"は変更する必要がありますか？アニメーターは注意してください。）
• CSS変数：はじめに
• SCSSの何がそんなに生意気ですか？
• 責任ある表レイアウト
• スティーブンスでさえ：繰り返される背景画像でラウンドとスペースを使用する（スティーブンスでさえ：繰り返される背景画像でラウンドとスペースを使用する）
• 美しいCSS3グラデーションを作成してカスタマイズします。）
• 純粋なCSSキューブのデモ

最新のJavaScriptの状態：

• 2016年にJavaScriptを学ぶのはどうですか 。 2016年の翻訳でjavascriptを学ぶことの気持ち
• 2016年に実際にJavaScriptを学習する方法（ 2016年に実際にJavaScriptを書くとどう感じるか）
• 疲労疲労JavaScript （JavaScript疲労疲労）
• Javascript開発への移行
• JavaScriptがそれほど複雑なのはなぜですか？ （なぜJavaScriptはそんなに難しいのですか？）
• JavaScriptを使用したJavaScriptですべてが正常
• フロントエンドについて話したいだけの場合は、 JavaScriptを非難しないでください
• フレームワークがあまりなく、コンテンツが少なすぎます（フレームワークが多すぎず、コンテンツが少なすぎます）。
• フロントエンドは、JavaScriptを使用して世界を支配するテクノロジーです
• Web開発のクレイジーで素晴らしい状態
• JavaScriptの状態-大規模な調査の最終結果（JavaScriptの状態 =最終結果）

Javascript

• 再び約束について
• 6文字のjavascriptの旅
• JavaScriptゲーム開発
• WalmartがWebサイト用のJavaScriptプラットフォームのソースコードを公開-Electrode
• JavaScriptを読み込むとウェブサイトの速度が低下する可能性があります（非同期であっても）
• TwitterがウィジェットをJavaScriptにデプロイする方法
• インラインJSを使用してすべてのスタイルを設定する方法（SASSをカットする：すべてにインラインJavaScriptスタイルを使用する方法）
• フェッチ-最新の非同期サーバー呼び出し
• HTML5のWeb Workers入門-JavaScriptのマルチスレッド化
• JavaScript国際化API
• コールバック地獄からの救出 （ コールバック地獄から保存）
• Node.jsを使用したデバッグ（ Node.jsを使用したデバッグ）
• セットアップからプロセスまでのTypeScript：基本 （TypeScript Up＆Running：The Basics）
• JavaScriptからClojureScriptへ：選択するエディター （JavaScriptからClojureScriptへ：選択するエディターは？）
• フレームワーク
  
  
  • React + Redux上のSoundCloudクライアント
  • Jestを使用してReactコンポーネントをテストする方法
  • React Progressive Imageの紹介React コンポーネントの紹介
  • React.jsを使用したプログレッシブWebアプリケーション： パートI-はじめに、 パート2-ページの読み込みパフォーマンス 、 パート3-オフラインステータスとネットワークの安定性のサポート
  • 反応する方法は？
  • React ComponentsとBEM
  • Reactのライフサイクルを理解する
  • Reactを使用したエレガントなフォーム検証
  • Angular 2 vs React：The Last Dance （Angular 2 vs React：The Ultimate Dance Off）
  • Angular Router：リダイレクトについて
  • Yehuda KatzによるEmberの将来の状態@ EmberPDX（Yehuda KatzによるEmberの将来の状態@ EmberPDX）
  • Webpackによる Angular 2の遅延読み込み（ Webpackによる Angular 2の遅延読み込み）
  • Gulpを使用したAngularの開発環境の作成 （ Gulpを使用した Angular開発環境の構築）
  
  
• Angular、Node.js、Mongo、およびExpressを使用してTrelloクローンを作成します（Angular、Node.js、Mongo、およびExpressを使用してTrelloクローンを作成します）
• プラグイン
  
  
  • hyperform.js -JavaScriptでのHTML 5フォーム検証APIの完全な実装
  • abDetector-純粋なJSのAdBlock修飾子
  • KUTE.jsは、優れたパフォーマンス、morphSVG、drawSVG、2Dおよび3D変換、SVG変換、色、その他のCSS3プロパティを含むネイティブJavascriptアニメーションエンジンです。
  • instafetch.js -Instagram APIを操作するためのJavaScriptプラグイン（jQueryなし）
  • iview-Vue.jsのUIコンポーネント
  • <f> mFancyTitle-ページタイトルとファビコンをアニメーション化するためのプラグイン
  • prottle-Promise.all（）スロットル
  
  

ブラウザ

• ブラウザトレンド2016年10月：Microsoft Edgeがクラッシュします （ブラウザトレンド2016年10月：Microsoft Edges Downward）
• Firefox 49はHTML5の詳細と概要タグをサポートします
• Firefoxナイトリービルドは、Flashを除くNPAPIプラグインのサポートを終了しました
• Microsoft Edgeはより頻繁に更新されますが、部分的に更新されます

ニュースと面白い

• Google Daydream Viewバーチャルリアリティヘッドセットを導入
• プログラムのパフォーマンス対読みやすさとシンプルさ：選択する価値は何ですか？
• Tim Berners-Leeは、Web用のDRMツールの標準化を防ぐ機会を与えました
• Mozillaは2016年の第3四半期に助成金プロジェクトを発表しました
• Appleは世界で最も高価なブランドです
• Google Pixel and AssistantまたはGoogleが検索バーを超えて移動することを決定した方法
• クラウドロボット工学とは何ですか？ VALL-Iの例で説明します
• 自己学習型人工知能は、100％の精度で再作成することにより、だまされたり盗まれたりする可能性があります
• シリコンバレーのエチケット：コミュニケーション、会議、交渉での行動方法
• スタックオーバーフローエコシステム：単なる答え以上のもの
• Stack Overflow以外の質問への回答を探す場所：プログラマーの「理由」と「方法」への回答を含む10のベストリソース
• 思考の力で：神経インターフェースの歴史、地域の現代の発展と財政的展望
• 匿名フォーラム4chanの所有者は、プロジェクトの開発のための資金を使い果たしました
• 2016年の35の最も革新的なアプリケーション-高速企業評価
• 新しいPixelの何が問題になっていますか？

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

← 先週のダイジェスト 。
» ダースモールとアレクスコロビンが作成した資料。