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

フロントエンドエリアとその周辺の新しいマテリアルへのリンクを含むセレクションをご紹介します。

ウェブ開発

CSS

Javascript

ブラウザ

おもしろい

メディア

• ポッドキャスト「Web Standards」、第81号 ：We in the West、Chrome 61、Audit 2.0、アクセシビリティ、SVG、デザイナー、ビデオ、クロスブラウザ。
• ポッドキャスト「フロントエンドウィークエンド」＃15 ：Webサイトを光の速度にスピードアップする方法（Lenta.ru、AMP、Site Perf）
• ポッドキャスト「Five Minute React」＃31 ：.getInstance、Ekaterina Nazarova
• ポッドキャスト「ドリンクキャスト」＃4 ：「バグとその生息地」
• プログラミングポッドキャストNo. 144 ： フロントエンドフレームワーク
• ポッドキャスト「Frontend Youth（18+）」＃15 ：パイプラインオペレーター、Atom 1.19、パスワードの安全な保存、Reflect API、Node.js 8.4.0
• レスポンシブレイアウト-HTMLショートパンツ 。 ラバー、アダプティブ、レスポンシブレイアウトの違いは何ですか？
• 「Web Workersの紹介」 -.getInstanceの最新ビデオ、フロントエンド開発チャンネル
• 「物理学とシェーダーのグリッチを伴う三角形」 -ユーリ・アーチュフからの毎週のストリーム「ALL YOUR HTML」＃11

ウェブ開発

• 上級のヒント：ジュニアフロントエンド/ JavaScriptの知識をアップグレードする方法
• SVGの寸法 。 SVGグラフィックスでのサイズ管理に関するYulia Bukhvalovaによる詳細な記事
• CSS / SVG / JS＃49の美しいエフェクトの毎週の編集
• WebVRリソースの選択
• Paint Timing APIを使用する
• AMP / PWA：
  
  • Google AMPはEコマースにとっては悪い選択です
  • 高度なWebアプリケーション（PWA）の使用開始
  • プログレッシブWebアプリを使用したオフラインPOST
  • ハイブリッドレンダリング戦略でPWAを作成する
  
  
• 性能：
  
  • 分析する14のWebサイトパフォーマンスメトリック
  • Vue.jsドキュメントサイトの速度を監査する
  • HTTP / 2でのダウンロード速度の問題を調査し、Chromeのバグを検出しました。 Akamai開発者ブログ
  • 今日の平均ページ重量は3MBです。 どの値が私たちに関係し、どの値がそうではありませんか？
  
  
• ツール：
  
  • pa11yを使用した可用性テスト-無料のツールセット
  • ElectronアプリケーションでのWebpackダッシュボードプレゼンテーション
  • devtoolsでコントラストをチェックするためのツール
  • フロントエンド開発を自動化するGulpプロセス
  • TJ Holowaychuk UPツールでクライアントアプリケーションを数秒でデプロイ
  
  

CSS

• Edgeはあなたの属性を嫌います
• Rachel AndrewのCurtable Bug ListをCSSグリッドレイアウトに変換する
• デザイナー向けFlexboxおよびグリッドガイド
• Webフォントのダウンロード用語集
• 最新のコンポーネントのスタイリングの状態、詳細および例付き
• CSS擬似要素を使用して水平ツリーを描画する
• CSSグリッドに精通するための超迅速な方法
• CSSアーキテクチャとサポートされているCSSの3つの柱
• カスタムプロパティを使用してコンポーネントを変更する
• CSSカスタムプロパティ：マイクロヒント＃12 -Google Chrome Developers Channelのスーパーチャージショーの最新リリース
• CSSスナップ方向効果

Javascript

• 一体何、Javascript
• 知っておくべき5つのJavaScriptデバッグツール
• Lodashはリスト操作用ではありません（のみ）！
• レイジーで構成可能なモジュラーJavaScript
• Javascriptライブラリのバージョン管理のベストプラクティス
• マイクロコントローラーとIoT用のJavaScript：Webサーバー
• はい、jQueryを削除してもIE / Edgeをサポートできます
• Preactの概要-小さくて高速なReactの代替
• ビデオ：
  
  • JavaScriptのイベントループについて、または「非同期の実際の仕組み」 MakeWeb.meのJSConfを使用したPhilip Robertsによるレポートの翻訳
  • イリヤ・クリモフによる基本的なJSコースの最初のビデオ： JSの世界の重要な概念 、 クロージャとスコープ
  • レコード放送KyivJS
  • JavaScriptのasync / await-何、なぜ、どのように-Fun Fun Functionショーの最新リリース
  
  
• ES2015 +：
  
  • ES2017非同期関数を使用する
  • Async / Awaitはコードを簡単にします
  • オブジェクト番号toES2015のパフォーマンス調査
  • JavaScriptでの折りたたみの約束
  
  
• VueJS：
  
  • Vue.jsのスライダー
  • VueJSアプリのVuexへの移行
  • Vue.jsを試してみて、気に入った
  • Webpackを使用してVue.jsアプリケーションを高速化する4つの方法
  • Vue.jsでのサーバー側レンダリング
  
  
• 反応：
  
  • Facebookは、Apache FoundationプロジェクトのReactの再ライセンスを拒否しました
  • 1つの中記事に圧縮されたすべての基本的なReact.jsの概念
  • React.jsの学習は思ったより簡単-インタラクティブな例
  • 私とReact：新しいトリックのある老犬 -Remy Sharp note
  • Repatch-簡略化されたRedux
  • JestとEnzymeを使用したReactアプリのユニットテストユニット
  
  
• 角度：
  
  • Angularの基本的なES6機能
  • AngularはReflectiveInjectorを拒否し、StaticInjectorを導入します。 心配する必要がありますか？
  • `ngDoCheck`がコンポーネントがテストされていることを意味すると思うなら、この記事を読んでください。
  
  
• ライブラリとプラグイン：
  
  • Googleは、ブラウザでの機械学習用のDeeplearn.jsライブラリを公開しました
  • Webworkerのラッパーを約束します
  • gtop-ターミナルでシステムを監視するためのダッシュボード
  • スケーラブル -要素を目的の領域に合わせて自動的にスケーリングできるプラグイン
  • Bubb Infotip-ツールチップの作成
  • Iroh.js -JavaScriptの動的コード分析
  
  

ブラウザ

• フィッシングの結果、Chromeへの6つの追加で制御が獲得されました。
• Chrome 61 Beta：JavaScriptモジュール、デスクトップ上のPayment Request API、Web Share APIおよびWebUSB
• Chrome 62では、2017年10月からすべてのHTTPページのセキュリティ警告が表示されます
• Canary DevTools：トップレベルの待機アップデートがサポートされるようになりました
• MicrosoftはEdgeブラウザを大幅に高速化すると約束している
• Mozillaは、3か月後に古いFirefox拡張機能のサポートを停止することを約束しました

おもしろい

• WordPress 4.9はコードの編集とカスタマイズに焦点を合わせ、11月14日に公式リリースを予定しています。
• WordPressを標的としたランサムウェアは新しい脅威です
• Skype Previewデスクトップには、モバイルバージョンのような新しいインターフェイスが追加されました
• GitHubがコードディスカッションを簡素化する新機能を導入
• YouTubeは、同時にビデオを見ている人の数を表示します。
• OracleはJava EE開発を独立したコミュニティに移転する予定です
• レビューの失敗：インタビューの失敗
• 製品の早期発売-RedditとTwitchのファウンダーエクスペリエンス
• 検索エンジンの視覚化の選択
• 「HNに尋ねる：誰が雇用していますか？」分析に基づいたトレンドスキルの開発

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

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