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

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

ウェブ開発

CSS

Javascript

ブラウザ

ニュースと面白い

ウェブ開発

• Podcast Web Standards、Issue No. 27 ：iOS上のビデオ、ChakraCoreライバルV8、アクセス可能なモーダルウィンドウ、テーブル、フォーム、CSSカラー関数の混乱。
• モバイル版はありますか？ アダプティブレイアウトが解決する5つの一般的な問題。 Yandexの経験
• Gruntタスクを整理する
• Express Serverとハンドルバーを使用してクリティカルパスのパフォーマンスを最適化する
• PNG最適化 （PNG最適化）
• フロントエンド開発者向けのインタビューの準備方法
• 静的サイトジェネレーターを大規模に使用する回顧 ：教訓
• Webコンポーネントとプログレッシブ拡張
• モバイルSEO入門ガイド
• Webの最も難しい部分は、目に見えない部分です （Webの最も難しい部分は、目に見えない部分です。）
• 拡張可能なWebコンポーネント
• サポートされていないコード （unmaintainable-code）の書き方
• スイッチまたはチェックボックスを使用する場合
• Web Animations API：
  
  • Firefox 48でWeb Animations APIのサポートが登場しました
  • Web Animation APIを使用したデモと実験の選択
  • Web Animations API を使用する場合
  
  
• アクセシビリティ：
  
  • A11ycastsは、Google Developer Channelの新しいアクセシビリティポッドキャストです。 また、問題＃02： 不活性ポリフィル
  • アクセシビリティテスト用のブックマークレット
  • EdgeはすべてのHTML5アクセシビリティテストに合格しました （EdgeはHTML5アクセシビリティテストで100％を実行する唯一のブラウザです）
  
  
• SVG：
  
  • 高性能SVG
  • 3奇妙なSVGブラウザーの不整合（3奇妙なSVGブラウザーの不整合）
  • SVGマスク付きメガネを介した​​インタラクティブな半透明効果 （「Put On The Sunglasses、Frank」：SVGマスク付きインタラクティブ）
  
  
• 教訓：
  
  • 1週間で優れたオンラインマルチプレイヤーHTML5キャンバスゲームを構築した方法（ 1週間で大規模なマルチプレイヤーオンラインHTML5 Canavsゲームを構築した方法）
  • Web Audio、SVG、およびマルチタッチを使用してレスポンシブな8ビットドラムマシンを作成する方法
  
  

CSS

• 制限された幅の要素内のフルスクリーンコンテナー 。 制限された幅の親の全幅コンテナ
• CSS分離 。 CSS包含記事の翻訳
• ビューポートユニットを使用してCSSのみのスクロールインジケーターを作成する
• タイミングがすべて：カスタムの非線形タイミングカーブを使用してアニメーションを改善する
• Tootik-素敵なツールチップを作成するためのCSS / SCSS / LESS CSSライブラリ
• HSLおよび不透明度関数を使用したSassカラーの操作
• アフロディーテvs. Jss
• 純粋なCSS3で本を開く
• CSSのmix-blend-modeは、閲覧履歴に悪影響を及ぼす
• CSSの優先度 （CSSの順序が重要な場合）
• Cutestrap、軽量CSSフレームワーク（次） （ 軽量CSSフレームワーク、Cutestrapの概要 ）
• CSSユニットの概要：角度、時間、周波数

Javascript

• JSの人々を教える方法：パート1.フィールドノート
• JavaScriptの3行のブラウザーでの音声認識とテキストの読み取り：デモとコード例
• Web開発者向けの最新技術に関する無料のビデオコースが提供されています：ES6、ESnext、Node.js、NPM、RxJS、WebPack、およびTypeScript
• 機能的なTypeScript （機能的なTypeScript）
• ネイティブJavaScript配列メソッドを理解する
• 既知のシンボルの詳細な概要
• サービスワーカーのトピックに関するイベントに基づくジェイクアーチボルドによるメモ（ジェイクアーチボルドによるサービスワーカー会議メモ）
• JavaScriptで国際化（i18n）を実装する方法）
• 非同期機能はES2017にヒットします！ （非同期機能は現在ステージ4であり、ES2017に含まれます！）
• JavaScriptと関数型プログラミング
• JavaScriptループのforループとforEach
• JavaScriptをPythonに埋め込む
• jQueryセレクターの包括的な外観
• フレームワーク
  
  • Reactの高次コンポーネント 。 高次コンポーネントの翻訳：React Application Design Pattern
  • AngularJSとReactJS
  • Reactの国際化（ Reactの国際化）
  • ZingChartを使用したAngular Interactive Graphics
  • AngularでAugury アプリケーションを使用してAngular 2アプリをデバッグする
  • Reactの状態： ＃1：ステートレスReactアプリ？ 、 ＃2-インセプションからReduxへ
  • 新しいReactコアアルゴリズム、React Fiber （React Fiberアーキテクチャ）の説明
  • React Ecosystem Primer：パート2/3（React Ecosystemの入門：Part 2 of 3）
  • SoundCloudで React Native（ SoundCloudで React Native）
  • kasia- WordPress API用のReact Reduxツールセット
  • react-media-ReactのCSSメディアクエリコンポーネント （react-media-ReactのCSSメディアクエリコンポーネント）
  • ReactアプリでjQueryにKendo UIを使用（ ReactアプリでjQueryにKendo UIを使用）
  • Angular 2のカスタムフォームコントロール（ Angular 2のカスタムフォームコントロール）
  • Ember.jsで最新のWebアプリケーションを作成 （ Ember.jsで野心的なWebアプリケーションを構築）
  • 素晴らしいアプリケーションを構築するためのJavaScriptフレームワーク、Mithrilの探索
  
  
• プラグイン
  
  • オーディオグラム -サウンドクリップからビデオを生成するためのライブラリ
  • lightgallery.js-フル機能のJavaScript画像とビデオギャラリー。
  • vivus-SVGアニメーション用ライブラリ （vivus、SVGに命を吹き込みます）
  • jQuery Rate-グラフィカルな評価を作成するためのシンプルなjQueryプラグイン）
  
  

ブラウザ

• 「ビットコインブラウザ」ブレイブは450万ドルを調達しました
• Mozilla FirefoxにGoogle Chromeアドオンをインストールする
• Firefox 48リリース 、 開発者向け技術詳細
• Firefox移行計画
• Firefoxはエラーではなく404アーカイブページの表示を開始します
• Opera 39はリモートビデオを最適化し、必要なメモリを削減します
• Chrome 52 for Androidでは、動画の読み込みが速くなり、トラフィックが少なくなり、バッテリーが遅くなります
• MicrosoftはChromeに対するキャンペーンを続けており、Windows 10はGoogleブラウザからEdgeに切り替えるようユーザーに勧めています
• Microsoft Edgeは依然としてブラウザー市場のアウトサイダーです
• Windows 10 Anniversary Updateの後に登場した新しいMicrosoft Edge
• 2016年8月のブラウザーの動向：Chromeのライバルはどのように位置付けられていますか？ （ブラウザのトレンド2016年8月：Chromeのライバルはどのように積み重なっていますか？）
• Microsoft Edge Get Extensions、Windows 10 Anniversary Updateのより良いJavaScript

ニュースと面白い

• HTTP / 2プロトコルで検出された4つの危険なバグ
• Googleはすべてのオーガニック発行に対するAMPサポートを拡大します
• UAEは、VPNの立法使用を禁止しています
• Dropboxが独自のPaperサービスを開始し、ドキュメントとタスクで共同作業
• クリック禁止のクリック：Facebookはフィードの見出しを魅力的にすることで、情報量の少ない出版物の存在を減らします
• 人工知能は常識テストに失敗しました
• オリンピックでのスポーツ：空想か現実か？
• eスポーツマンになる方法と、これに必要なもの
• ヤフーの投資家エリック・ジャクソンは会社の売却について
• アナリストは、Uber、Netflix、Gmail、およびその他のサービスから盗まれたアカウントの平均コストを推定しています
• 現実の切断
• IBMはニューロンの最も近い人工類似物を作成しました
• MS Windows：デフォルトの前夜
• Windows 10 Anniversary Update：最初の印象
• 「プログラマの7つの罪」をテーマにしたイリヤ・クリモフによる一連の記事： プライド 、 En望 、 怒り 、 落胆 、 貪欲 、大食い

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

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