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

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

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

---

メディア

• ポッドキャスト「Web Standards」 第142号： SafariおよびEdge、パフォーマンスの予算、新しいHTMLタグ、Kievコミュニティ、コタンですか？、 第 144号： Chrome 70およびWebKit 2019、プロポーショナルラバー、GitHubアクション、Adobe Fonts 、ES6の弱点、オデッサのフロントエンド。
• フロントエンドウィークエンドポッドキャスト＃75-ニキータドゥブコがフロントエンド開発者としてのキャリアを1年かけて迅速に高める方法
• CSSSRポッドキャストニュース 512- 第25号（ 15.10-21.10 ）
• フロントエンドユース（18+）ポッドキャスト＃69 JavaがJavaScriptに追いつかない 、 ＃68グラニーがフロントエンドでオリンピックチャンピオンになった

ウェブ開発

• GoogleはAjaxクロールスキームを完全に放棄しました
• フロントエンドフレームワークの歴史
• フロントエンド債務はどのように成長しますか？
• スマートバンドリング：古いブラウザに古いコードを与える方法
• ブラウザのパフォーマンスの驚くべき世界-生産性を高める方法

• ツール：
  • GitHubは独自のCI / CDを発表し、招待状の配布を開始しました
  • Chrome開発者ツールを使用してデバッグスキルを強化する（パート1）
  • TypekitがAdobe Fontsになりました
  

• アニメーション：
  • Facebook 3D写真の仕組み
  • 全画面ループホバー効果
  • SVG Marching Ants-ポイントの境界に沿って走る効果
  • viewBox Zoomを使用したSVGメニューの実験
  

CSS

• フレックスボックスの例
• CSS：ボーダー半径の興味深い特徴
• 外観プロパティとフォーム要素のスタイルの標準化：新しい希望
• Webタイポグラフィリズム
• 負のグリッド線
• 関数定義、規則、およびセレクターグループの使用
• Gutenbergの列を使用したブロックのスタイル設定
• MDNのCSSレイアウトリファレンス

Javascript

• TypeScript School of Magic：ジェネリックとタイプ拡張
• John Mullerは、オプティマイザーにJavaScriptを学習するようアドバイスしています
• 人気のあるjQueryプラグインの0日バグは、少なくとも数年間悪用されています
• すべてのJavaScript開発者が知っておくべき33の概念
• JavaScriptのテスト-JavaScriptアプリケーションをテストする最も効果的な方法を学ぶ
• JS Party Podcast-エピソード＃48： Foundation Foundations（live at Node + JS Interactive）

• 理論：
  • JavaScriptタイマー：知っておくべきこと
  • 実行コンテキスト、バブル、スコープ、JavaScriptスナッパーの完全ガイド
  • 約束と非同期/チートシートを待つ
  • JSのカレーを理解する
  • JavaScriptのデザインパターンを理解する
  

• VueJS：
  • 2018年にVue.jsを学習する方法
  • Vueエコシステムの成長... Reactで行ったように
  • Vue Advanced Debugging：A Detective Story
  • gridsome -Vue.jsおよびGraphQL上の静的サイトのVueフレームワーク
  • VassアプリケーションのコンポーネントにSassファイルをインポートする方法
  • Vue.jsおよびIntersection Observerディレクティブを使用した遅延読み込み画像
  • Vue.jsのかんばんボード：PWA機能の追加
  

• 反応：
  • Reduxアーキテクチャ。 はいまたはいいえ
  • 2018年にReact開発者になる方法
  • 採用担当者の視点からのReact Developerのポジションへのインタビュー
  • 最終リリースのスタイル付きコンポーネントv4
  • スタイル付きコンポーネントV4：良い、悪い、完全に異なるもの
  • SOLID原則をReactアプリケーションに適用する方法
  • 100％タイプセーフなReact Vanilla JavaScriptアプリケーションの作成
  • User Timing APIを使用したReactコンポーネントのプロファイリング
  • React Podcast 25：Diana MounterとEmily Plummerで華麗なメッセを作る
  

• 角度：
  • バージョン7.0にリリースされたAngularプラットフォームアップデート
  • Angularバージョン7-CLIプロンプト、仮想スクロール、ドラッグアンドドロップなど
  • 角度を学びたいですか？ こちらは33ピースのダン・ワーリン無料コースです
  • Angularでの検索エンジン最適化PWAの作成-パート2
  • AngularMix 2018以降の主な調査結果
  • 角度バインディングについて
  • Angularライブラリの専門出版
  • アンギュラー6から7に移行する方法
  • Angular CDKを使用した仮想スクロール-v7の新機能
  

• ライブラリとプラグイン：
  • 2018年の5つのオープンソースHTML5ビデオプレーヤー
  • omi：わずか4kb JavaScriptの次世代Webフレームワーク（Webコンポーネント+ JSX +プロキシ+ストア+パスの更新）
  • Tea-School.js -Node.jsでHTML / CSSからPDFファイルを生成
  • Colorblindlyは、開発者がカラーブラインドWebサイトがどのように見えるかを理解するのに役立つアクセシビリティツールです。
  

ブラウザ

• Chrome 70は[機能リスト]とAV1をサポートしています-コーデックのサポートがそれほど重要なのはなぜですか？
• Chrome 70は、悪名高い自動認証機能を無効にし、WindowsでのPWAアプリケーションのサポートを可能にしました
• Microsoft EdgeおよびInternet Explorer 11でのTLS接続のアップグレード
• Firefox、Chrome、Edge、およびSafariは、TLS 1.0およびTLS 1.1のサポートを停止します
• MozillaはFirefoxで有料VPNの追加を試行しています
• 「オペラ」のサイン。 Vivaldiブラウザーのイデオロギーに関するJon von Techner

おもしろい

• Twenty Nineteen：WordPressの新しいデフォルトテーマの初見
• アトラシアンは完全に再設計されたJira Softwareをリリースしました
• Googleは、GmailのDropbox、Box、Jira、Egnyteサービスの一部の機能の統合を追加しました
• Adobe Max 2018および新しい設計ツール
• 「汚い売春婦Google+」：Googleを嫌った元プロジェクト従業員の告白
• 新しいWinampは2019年に発表されます

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

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