先週のフロントエンドの世界からの新鮮な素材のダイジェスト＃437（2020年10月12日-18日）

フロントエンドエリアとその周辺からの新素材へのリンクを含むセレクションをお届けします。

メディア    |    Web開発    |    CSS     |    JavaScript

メディア

• ポッドキャスト「Web標準」＃251。Chrome 86、Safari、Firefox、UIキット、SSR、Next.jsの始まり、ZaraとJSマラソンについて

• ポッドキャスト「MakeMe Beautiful」第45号：18以上のクールなフロントエンドストーリー

• CSSSRポッドキャスト：Webpack5とモジュールフェデレーション、Chrome 86、npm 7、イベントループとコールスタック、Python 3.9、a11yマテリアル

ウェブ開発

• 経済性のためにWebアプリケーションを作成しますが、このパスは私たちを暗闇に導き

ます• ダークモード：こんにちは、暗闇、私の旧友

• HTTPからHTTP3へ-未来のインターネット

• 多くのフロントエンド開発者が知らない11のフロントエンドトリック

• Webコンポーネント：完全ガイド

• Socket.ioおよびNode.jsを使用してリアルタイム通信を構築する方法

• 
  
  • :
  
  • NPM 7.0
  
  • webpack: webpack 5
  
  • Webpack 5
  
  • Chrome DevTools
  
  

• 
  
  • Core Web Vitals: - Google
  
  • ?
  
  • - PRPL
  
  • Largest Contentful Paint:
  
  

• 
  
  • CSS , 2:
  
  • Checka11y.css — CSS .
  
  • , CSS
  
  

• 
  
  • , Mark Appleby
  
  • Material Design
  
  •
  
  • Motion Blur CSS Transitions
  
  • -
  
  • CSS
  
  

CSS

• CSS変数-ヤングファイターコース

• CSSの1行に10のモダンなレイアウト

• 高度なCSS-in-TS

• CSSレイアウトの選択-グリッドまたはフレックスボックス？

• --var ：; 単一のカスタムプロパティで複数の値を切り替えるためのハック

• バニラCSSを使用した応答性の高いフォントサイズ

• ショートカットによるブールプロパティの拡張

• ：focus-visibleトリック

• 純粋なCSSでの20のアニメーションローダーの選択

• 最小（）、最大（）、クランプ（）：今日使用する3つのブールCSS関数

• Layoutitグリッド：ジェネレーターを使用してCSSグリッドを視覚的に探索

• 新しいCSSイメージ（）機能

• CSSを使用したユーザー追跡

JavaScript

• WorkBox：サービスワーカーの世界でのツールキット

• JavaScriptのWeakSetとは何ですか。どのように機能し

ます か。• JavaScriptでトップレベルの待機を使用する必要があるのはなぜですか。

• 最新のJavaScript入門-プロキシ

• 同形レンダリングパフォーマンスへの旅

• オブジェクト指向JavaScript：ちょっとした練習

• TypeScriptプロジェクトの文書化：オプション

• React
  
  • D3 React
  
  • . Part 1
  
  • React Wallaby.js
  
  • Framer Motion — React.
  
  • long-running React -
  
  • Wouter: React Router
  
  

• Vue
  
  • Nuxt Content ( )
  
  • Vue
  
  • VueJS script gadgets
  
  

• Angular
  
  • Angular DI,
  
  • Lazy Load Angular
  
  • Angular LetDirective — 1
  
  • .CSS .SCSS Angular
  
  

• Ember
  
  • yieldable named blocks
  
  

• Svelte
  
  • Svelte , React
  
  • Svelte
  
  

• Libs＆Plugins
  
  • ライブラリとJavaScriptフレームワークを選択するための便利なプラットフォーム-openbase
  
  • GPUの検出-3Dレンダリングパフォーマンステストの結果に基づいてGPUを検出します。これにより、開発者はグラフィックを多用するアプリケーションに適切なデフォルト設定を提供できます。
  
  • dragmove.jsは- DOMに要素をドラッグアンドドロップのための小さなJavaScriptライブラリは
  
  • Malina.js入門
  
  • 少数のJavaScriptライブラリを使用するための3つの理由
  
  

先週のダイジェスト。

材料はdersmollとalekskorovinを準備しました。