前週のフロントエンドの世界からの新鮮な材料のダイジェストNo.278（2017年8月28日-9月3日）

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

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

---

メディア

• ポッドキャスト「Web標準」、 問題番号83：ヘッドレスブラウザー、マルチスレッドJS、エッジノベルティ、ダウンロードの最適化、ショーツのショートカットfavicon、すべての取引のウェブマスター。
• Angular Five Minute Podcast ＃3：Meetups、CodeDojo MEAN、Angular 5 beta6、Cli bazel、PWA
• フロントエンドウィークエンドポッドキャストFW＃17-HTMLアカデミー、オペラ、紛争、性差別についてのVadim Makeev
• React Five Minuteポッドキャスト＃33：Kirill Mokevnin、Hexlet.io
• Devschachtポッドキャスト： Night Frontend＃2
• Frontend Youth（18+）ポッドキャスト＃17：職場でのアップグレード方法：新しいDevTools、Quantum CSS、Code Retreat、Headless Browserなど
• ポッドキャスト「Drinkcast」、 第6号：「ティムマリニンとおろし金のマウス」
• 「すべてのHTML」＃13： 「Three.jsを使用した3DでのSVGのアニメーション化」
• HTML Shorts： 必要なファビコン 、 テキスト版

ウェブ開発

• 57行のコードで8,600万ドルのプロジェクトプロトタイプ
• ブロックの周りのリンク 。 ブロック要素をリンクでラップすることは可能ですか？
• モバイルブラウザとその毛皮のような足 。 モバイルブラウザでのサイトのデバッグについて
• クイックスタート：Node.jsでヘッドレスChromeを使い始める
• フロントエンドインフラストラクチャとチーム開発の組織 。 AdRoll開発者が経験を共有
• ブートストラップ4とFoundation 6.4の比較 。 部品番号1-グリッド

• AMP / PWA：
  • Android OreoはPWAから一口
  • はい、プロジェクトはPWAである必要があります
  • Reactを使用したプログレッシブWebアプリの構築
  • AngularでプログレッシブWebアプリを作成する
  • iOS 11 SafariがGoogle AMPリンクを共有リンクに変える
  

• 性能：
  • Vitaly Kharisovによる講演「10k」で、低速接続のライトバージョンの検索とコードを最適化する方法について説明し、10キロバイト以内を維持できるようにします。
  • スピードを競う 。 スマートフォンの時代にウェブサイトの読み込みを高速化
  • JavaScriptのパフォーマンスを改善するための20の実用的なヒント
  • インターネットの状態。 Karolina Szczurによるパフォーマンス改善ガイド
  • レイテンシが重要な理由：Webパフォーマンスの基本 。 フロントエンドセンターチャネルの接続速度に影響するニュアンスと要因
  

• アクセシビリティ：
  • Web開発への組み込み：すべてのユーザーがコンテンツにアクセスできるようにする方法
  • Webアプリケーションをプログラムでスケーリングする最良の方法
  • アクセス可能なユーザーインターフェイスを作成する方法、パートI
  

• アニメーション：
  • CSS / SVG / JS＃51の美しいエフェクトの毎週の編集
  • requestAnimationFrameによる超大国によるアニメーションの強化
  • Vivify-アニメーション用の小さなCSSライブラリ
  

CSS

• 超高速CSSエンジンの内部：Quantum CSS（別名Stylo）
• 特定のCSSプロパティのサポートについてブラウザをチェックします
• CSSモジュールを使用して特異性の問題を解決する
• Bootstrap 4とSCSSの構造を中小規模のプロジェクトに統合する方法
• カスタムCSSプロパティを使用してスケルトンスクリーンを作成する
• cssgrid.cc -CSSグリッドを使用したレイアウトの構築に関するCoffeeCupの最も詳細なガイド
• CSSチェックボックスライブラリ

• フォント：
  • Adobe Typekit：JavaScriptなしでフォントを接続できるようになりました（Google Fontsと同様） 。フォントはGoogle AMPに対応しています
  • リトマスのWebフォントの詳細ガイド（+メールテンプレートのWebフォントについて）
  • 可変フォントのカスタムインターフェイス
  

• CSSとJS：
  • 純粋なCSSイメージがReactコンポーネントの理解にどのように役立ったか
  • JavaScriptを使用したCSS変数へのアクセスと変更 （およびSASSの変数よりも優れている理由）
  • CSS-in-JSを安全に使用する方法

Javascript

• 金曜日JS：reqyire.jsおよびOscale指向プログラミング
• マイクロソフトはTypeScript 2.5アップデートを発表しました
• JavaScriptの学習：遅くなる9つの大きな間違い
• BackboneJS：はじめに 。 BackboneJSでアプリケーションの作成をすばやく開始する方法。
• V8エンジンの公式JSブログ：V8高速機能
• フロントエンドに最適なJSフレームワーク
• 角度対 React vs. Vue：2017年の比較
• JavaScript-コールバックから非同期/待機まで

• VueJS：
  • 反応性Vue.js。 Vue.jsフレームワークの応答性とVue.setメソッドの使用
  • Angular 2からVue.jsに切り替えた理由（およびReactを選択しなかった理由）
  • AngularからVue.jsへの移行
  • AT-UI -Vue.js 2.0でデスクトップWebアプリケーションを作成するための中国語の新しいUI-Kit
  • TypeScriptを使用して、Vue.jsでWebアプリケーションを開発します。 egghead.ioの無料コース
  • Vue.jsの非同期-パート1
  • スーパーマリオピクセルアートを使用したVue.jsの簡単な紹介
  

• 反応：
  • semiotic -Reactのデータ視覚化フレームワーク（React＆D3）
  • RxJSを使用したアイテムのドラッグアンドドロップ
  • 特許の問題による生態系移行計画の対応
  

• 角度：
  • 角度4チートシート
  • Angular Routerを使用したルーティングコンポーネントの概要
  • AngularJS、Angular 2、Angular 4についてのすべて
  • 7つのステップでの角度ルーターナビゲーションプロセス
  • AngularJSに役立つ12のボイラープレート
  • Angular 4と隣接するコンポーネントの相互作用
  

• ライブラリとプラグイン：
  • イースターエッグコレクション -イースターエッグのセットを含むjsライブラリ
  • Quokka-Atomエディター用のライブJavaScript Scratchpad
  • lozad.jsは、Intersection Observer APIを使用した高度な生産性の高いレイジーローダーです。
  • jest-in-case -1つのテストのバリエーションを作成するjestのユーティリティ
  

ブラウザ

• ChromeおよびFirefoxにインストールされているアドオンを識別することによる識別方法
• DevToolsの新機能（Chrome 62）
• Microsoft Edgeの新機能 ：イベントリスナー、CSSオブジェクト適合/オブジェクト位置、位置：スティッキーなど

おもしろい

• 忘れるべき18のSEO神話
• SoundCloud破壊ストーリー：会社の内部関係者のストーリー
• フォントのインストール時にコンピューターに感染するWebブラウザーに対する別の攻撃
• YouTubeは新しいデザインとロゴを導入しました
• Google ARCore-Androidデバイス向けの新しい検索巨大拡張現実プラットフォーム、Project Tangoは過去のもの
• チャットで、Skypeはインタビュー用のコードエディターを導入しました
• MicrosoftとAmazonは、音声アシスタントのCortanaとAlexaと協力することに同意します
• MicrosoftとRed Hatは協力の拡大を発表しました
• 暗号通貨トレーダーのトニーワイス-ビットコイン、不良ICO、ブロックチェーンの過大評価の「バブル」について
• 億万長者の兄弟が安価なライバルSlackを作成する方法

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

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