前週のフロントエンドの世界からの新鮮な材料のダイジェストNo. 289（2017年11月13日-19日）

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

メディア | Web開発 | CSS | Javascript | ブラウザ | おもしろい

---

メディア

• フロントエンドウィークエンドポッドキャスト＃28-アレクサンダーマヨロフ、RadioJSとその採用代理店の将来について

• Web Standards Podcast Issue 95：Firefox Alive！ ペアプログラミング、高速JS、アクセシビリティ、書籍と用語、会社の学校、ジュニア

• devschachtポッドキャスト： Night Frontend＃11-プールリクエストでのown死の回避

• ポッドキャスト「Frontend Youth（18+）」 ＃27 Dan AbramovがFirefoxを使用しない理由

• ポッドキャスト「Drinkcast」、 問題＃ 17-「 Wimから抜け出す方法」

• 「すべてのHTML」＃23： 「PubSubでのフルスクリーンスクロールとアニメーションの使用」

• CSSSR Conf 2017

• NodeConfEU 2017、29ビデオ

ウェブ開発

• すべての主要なブラウザがWebAssemblyをサポートするようになりました

•同期更新： AtomコードエディターはTeletype同時プログラミングの機能を取得し、 MicrosoftはLive Shareペアプログラミングのテクノロジーを導入しました

• W3Cで公開された戦略的開発計画 ：Web Assembly、WebRTC、Web Payments、WebVRなど

• Polymer 3.0の最初の検討

• SVGをプレースホルダーとして使用する方法、およびその他の画像読み込みテクニック

• 防弾メーリングリストボタンの完全ガイド

• 性能：
  
  • Webページのレンダリング速度の最適化 。 Martin Splittはパフォーマンスについてボトムアップで語っています。ピクセルから始まり、レベルごとに上がり、ページレイアウトで終わります。
  
  • ページロードメトリック 。 それらはすべてどういう意味ですか？
  
  • SVGとGzipの縮小について 。 コンプレッサーを最適な方法で使用する方法
  
  • 120fps-2018の新しいパフォーマンスバー
  
  • クライアントと新しいサイトについて話し合うときにPageSpeedを優先する理由
  
  • WordPressでクリティカルレンダリングパスを最適化する方法
  
  • WordPressの生産性を向上させる8つのあまり知られていない（しかし有用な）プラグイン
  
  

• アクセシビリティ：
  
  • テキストのスケーリングはもはや関係ありませんか？ 古い神話と新しいWCAG 2.1基準に基づくテキストサイズとアクセシビリティの要件について
  
  • 包括的なWebデザインチェックリスト
  
  • リンクを無効にする方法は？
  
  • ADA Webサイトコンプライアンス：初心者向けガイド
  
  • React、TypeScript、およびAllyJSを使用した利用可能なWebアプリケーション
  
  • あなたのサイトは、障害のある人にとってどれほどアクセスしやすいですか？ 調べるために監査を検討する
  
  

• アニメーション：
  
  • CSS / SVG / JS＃62の美しいエフェクトの毎週の編集
  
  • SVGのクリエイティブフレームを使用したアニメーションスライダー
  
  • gsap svg strokeを使用したスタイリッシュな自転車アニメーション
  
  • Javascriptスキャンシーケンサー。 カメラを使用して、動きのあるリアルタイムの音楽を作成します。 p5jsおよびtonejsを使用して作成
  
  

CSS

• ブラウザウィンドウの比率に応じたメディア表現の適用

• CSSコードの「プラウ」

• CSSの複雑さの軽減に関するEric Meyer

• 何年も非アクティブだった後、Eric MeyerはCSSモジュールのタイムラインを更新しました。

• WebでCSSグラデーションを使用する方法

• CSSの環境変数。 iPhone Xのソフトウェアフレームの扱い方

• 制御下での制御：プルトゥリフレッシュおよびオーバーフローエフェクトのカスタマイズ

• レイアウトに革命をもたらすCSSトリック

• DevToolsプロトコル機能を使用した未使用のCSSの監視

• CSSレベル4で数学関数を使い始める

• グリッド要素のアスペクト比

• CSSグリッドの使用：非グリッドブラウザーのサポート

Javascript

• JavaScript：コードを明確にするためのパス

• Draft.js-Facebookからテキストエディターを作成するためのフレームワーク 。 ロシア語を話すリーダーシップ

• HTTP要求の生成 。 FetchまたはAxios.js

• 2017年のJavaScriptデザインパターン 。 スコットアレンのレポートの翻訳

• GraphQL-新しい方法のAPI 。 JavaDay UA 2017でのVladimir Tsukurのレポート

• JavaScriptの予算（出荷とパフォーマンス） 。 Eddie OsmaniはJS高速ブートレシピを共有しています：コードの削減=解析/コンパイルの削減+転送の削減+解凍用のデータの削減

• JavaScriptのチートシートとリファレンスガイドの適切な選択

• JavaScriptのシンボル、ジェネレーター、およびストリーム

• Dmitry SoshnikovによるES2017 +の主な機能に関する概要講義

• Babel 7 Betaを今すぐ使い始めましょう！

• Vue Konva：Vueを使用して複雑なキャンバスグラフィックスを描画するためのJavaScriptライブラリ

• Angular 4を使用してGoogle Chromeの拡張機能を開発する

• 反応：
  
  • カウンターを作成してReduxが機能する仕組み
  
  • Postlight WordPress開発キット+ PostlightのReact Starter Kit
  
  • Reactについてもっと知りたいですか？ ゲームを作成してプレイしましょう
  
  • クリーンコードと ダーティコード：Reactベストプラクティス
  
  • Reactについて知る必要があるすべて：開始するために必要な基本
  
  • ReactでのWebpackバンドルとコード分離のクイックガイド
  
  • Angular 1.xからReactへのアプリケーションの移行-ハイブリッドな方法
  
  

• ライブラリとプラグイン：
  
  • Luxon-時刻と日付を操作するためのモダンで強力なラッパー
  
  • EChartsは、 Canidでチャートを作成するためのbaiduの強力な視覚化ライブラリです。
  
  • react-scroll-to -Reactでページの指定された部分にスクロールするのに役立ちます
  
  • RemoteStorage.js 1.0.0リリース（ローカルデータの同期用）
  
  

ブラウザ

• マルチスレッドCSSエンジンと新しい外観を備えたFirefox 57 。 Marat Tanalinの開発者向けの詳細

• 量子時代の到来-Firefoxが再び高速化する方法と、さらに高速化する時期

• Firefox Quantumによる非常に安定したWebVRエクスペリエンス

• Firefox Quantumは良いですか？ （ネタバレ：はい）

• Firefoxは、フォームデータのすべてのリンクをブロックします：URI

• Googleは、Firefoxで検索エンジンを返すために分岐する準備ができています

• Googleは、Androidアプリストアから中国語UCブラウザを削除しました

• Safariテクノロジープレビュー44リリースの詳細

おもしろい

• WordPress 4.9は、主要なカスタマイザーの改善、更新されたコードエディター、およびギャラリー用の新しいウィジェットを備えています。

• Googleは、一致するAMPコンテンツと標準ページの要求を開始します

• 今日の動画：Boston Dynamics Atlasロボットが後方に反転します

• Googleの専門家は、フィッシングを最も危険なタイプの攻撃と呼んだ

• インターネットの未来についてのTim Berners-Lee：「システムは機能していません」

• Google TensorFlow Liteソフトウェアは、通常のスマートフォンでAIアルゴリズムを実行します

• GitHubは、MicrosoftのGVFSツールを実装して大規模プロジェクトをサポートします

• IEEEは、ロボット時代の人間の福祉を確保するために3つのAI標準の導入を発表しました

• 他のみんなとは違う：Snapchatが他のシリコンバレーのスタートアップとどう違うか、そしてそれが彼の生存に役立つか

• ユーザーインターフェイスの光学効果（実際のオタク向け）

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

先週のダイジェスト 。

dersmollとalekskorovinが作成した資料。