前週のフロントエンドの世界からの新鮮な材料のダイジェストNo. 356（2019年3月11〜17日）

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

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

---

メディア

• Web Standards Podcast、Issue No. 165 ：Chrome 73、React Native 0.59、CSSネスティング、KVストレージ、ARIAライブリージョン、Webコンポーネント、条件付きESモジュール。
• HardcodeFMポッドキャストエピソード9-ClojureScriptフロントエンド
• ポッドキャストフロントエンドユース（18歳以上） ＃87クラス不要
• CSSSRポッドキャストニュース 512- 第42号（ 3月11日-3月17日）
• 「すべてがフロントエンドに行きます。 」 フロントエンドのミハイル・マルコフによる新曲

ウェブ開発

• Webコンポーネントの強度とパワー
• JavaScriptを使用しないフロントエンド
• レスポンシブ画像の計画
• KVストレージ：Web上の最初の組み込みモジュール
• GithubのWHATWGディスカッションで差分スクリプトの読み込みのサポートを追加する提案

• 性能：
  • 大量の写真を使用してサイトを高速化する：画像の読み込みを遅らせるためのガイド
  • Chrome用Lite Pagesが発表されました：*非常に*遅いネットワークのユーザーのためのより速いダウンロード。 ページサブリソースのよりスマートなサーバー側レンダリングと優先順位付けのためのGoogle Data Saverによるオプトイン
  • Chrome Liteを理解する
  

• ツール：
  • 実際のWebpack：最初から自動テストを作成する
  • Sublime Text 3.2がリリースされましたが、新しいリリースでまだ高速です-Gitとの統合
  • IDEとしてChromeを使用する方法
  

• アクセシビリティ：
  • ARIA Live Regionsについて知る必要があるすべて
  • アクセシビリティインサイトは、製品のアクセシビリティの問題に関する迅速かつ有用な情報を提供する新しいa11yテストツールです。
  

CSS

• emユニットを使用した柔軟なプリローダー
• CSSのWebP -CSSバックグラウンドとしてWebPを使用するためのPostCSSプラグインと小さなJSスクリプト（128バイト）
• CSSグリッドの使用を開始する方法
• CSSでアスペクト比の単位を設計する
• CSSのデバッグは難しい
• CSSのif式とループ
• JavaScriptを使用してCSSカラーを操作する方法
• ドキュメントの再設計-パート4：スケーラブルなCSSアーキテクチャの作成
• 訪問したリンクのフォントサイズを設定できないのはなぜですか？
• CSS-in-JSを使用してカスタム要素をスタイル設定する
• 2019年にPostCSSを開始する
• メニュー内のナビゲーション項目に下線を引く効果的なアニメーション

Javascript

• JavaScriptに関するGoogleインタビューから問題を解決する：4つの異なる方法
• Node.js FoundationとJS FoundationがOpenJS Foundationに統合されました
• JavaScriptを使用していますか？ 処理されたHTMLを表示する6つの方法
• JavaScript開発者の立場に関するインタビュー：ソリューションの分析を伴う一般的なタスク
• Node.jsの実験的機能の更新
• GraphQLの詳細：何、なぜ、どのように
• JavaScriptコードを台無しにして、まだコーディングチャレンジを獲得した方法
• 14分でJavaScript 。 Jeremy Thomas Interactiveチュートリアル

• 理論：
  • JavaScriptのクロージャを理解しています。 一度だけ
  • 「Zoë」！==「Zoë」の場合。 または、Unicode文字列を正規化する必要がある理由
  • JavaScriptでスプレッドオブジェクトとレストオブジェクトを使用する7つのトリック
  • コールバック関数をプロミスに変換します
  

• VueJS：
  • VueJS：3.0について少し
  • jQueryをVueに置き換える方法
  • Vue.jsで検索インターフェイスを設定する方法
  • Vue a11y -Webサイトのアクセシビリティを改善するVue.jsコミュニティプロジェクト。
  

• 反応：
  • Reactアプリケーションの分析と最適化
  • ロシア語でReactドキュメントが利用可能になりました
  • React Hooks：独自の開始および作成方法
  • React-Lottieを使用してReactアプリにアニメーションを追加する
  • Reactアプリケーションに最適なファイル構造
  • ReactでGraphQLを使用するためにmodフレームワークは必要ありません
  

• 角度：
  • 遅延ロードされたIvy用モジュールの自動更新
  • NodeとAngularを使用したファイルアップロードの実装
  • Nxを使用したAngularおよびReactアプリケーションの構築
  

• ライブラリとプラグイン：
  • Moment.jsを使用しない理由...
  • promise-utils：ネイティブES6 promiseの依存関係のないlodashのようなユーティリティ
  • JavaScriptの非同期並列/直列foreach
  • lax.js-スクロールしながら滑らかで美しいアニメーションを作成するためのシンプルで簡単なバニラjavascriptプラグイン
  

ブラウザ

• Chrome Webブラウザリリース73
• BraveがChromeにふさわしい代替品になる理由
• ChromeブラウザのダークモードがMacで利用可能になりました

おもしろい

• World Wide Webは30歳です。次に何が起こるでしょうか？
• 人工知能と暗号-誇大広告を現実から切り離します
• 一時性は嘘です。 暗号化によってプライバシーが保護されない理由
• Lookout-視覚障害者に環境について知らせるGoogleのアプリケーション
• 元Rambler開発者はWebサーバーを作成し、市場でMicrosoftを追い抜き、6億7000万ドルで会社を売却しました。Nginxの歴史
• MozillaはFirefox Sendを導入しました
• さよならを言う時です。 Google Alloメッセンジャーが機能しなくなり、次に並んでいます-Inbox
• GitHubはプライバシーポリシーと制裁を変更します
A.

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

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