先週のフロントエンドの世界からの新鮮な素材のダイジェスト＃436（2020年10月5日〜11日）

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

メディア    |    Web開発    |    CSS     |    JavaScript     |    ブラウザ

メディア

• CSSSRポッドキャスト：Chrome DevTools 87のCSSグリッド、マイクロサービス、TypeScriptトリック、Spamtoberfest、VSコード時代

• Web標準ポッドキャスト＃250。VSコードのエッジ、グリッドインスペクター、ギャップとフレックス、CSSの数学、Hacktoberfest、オープンソース

• ポッドキャスト「フロントエンドユース」＃159：SOLID vs SOLOD

ウェブ開発

• 2020サイトのファビコンを作成する

•コンテンツセキュリティポリシー（CSP）を使用してWebアプリケーションを保護する

• フロントエンド開発者の責任を拡大する

• Webはプライバシーのために構築されていませんが、可能性があり

ます• 単一ページのアプリケーションがポリフィルになりました

• API
  
  • — Event Conversion Measurement API.
  
  • Web Share API
  
  • The File System Access API:
  
  

• 
  
  • Webpack 5
  
  • DevTools (Chrome 86)
  
  • RSLint — JS-, Rust, , .
  
  • npmx — CLI npm
  
  

• 
  
  •
  
  • HTML5 Lazy Loading CSS JavaScript
  
  • Cumulative Layout Shift
  
  • Cumulative Layout Shift
  
  

• 
  
  • :
  
  

• 
  
  • WebGL Curtains.js
  
  • Webgl SLider
  
  

CSS

• CSS変数101：CSS変数にA総合ガイド例で

• CSSでカウンタをアニメーション

• ：フォーカス見えるがここにある

• 全幅ボックスで壊れ中心としたコンテンツとレイアウトのエレガントなCSSグリッド・ソリューション

• HTML / CSSフォームガイド（なしハック）

• CSSでの3D変換のニース例

• CSSに対応したメディアブラウザを作成します

• フレキシボックスでバランス軸を

• 奇妙なしかし、作業フレックス：フレキシボックスとのインタラクティブなチャート

• 応答性の設計のためのクランプ（）

JavaScript

•現代のJavaScriptでエラー処理のためのベスト・プラクティス

• ビジネスアプリケーション開発のためのJavaScriptフレームワーク

• サービスワーカーに範囲要求を処理

• でどのように作業を複数選択バニラJSで要素を

• どのボタンアップ控えめなスクロールをするために

• どのような将来のホールドJavaScriptのか？

• TypeScript4.0について私が尊敬していること

• 
  
  • - JavaScript
  
  • - JavaScript:
  
  • JavaScript
  
  • Event Loop Call Stack JavaScript
  
  • JavaScript —
  
  

• React
  
  • MobX, Redux,
  
  • useEffect
  
  • - React (PWA)
  
  • React Hooks:
  
  • JavaScript-less Static SSR Styled Components
  
  • Render React ?
  
  • Figma React
  
  

• Vue
  
  • - Vue.js
  
  • To-Do: Composition API Vuex
  
  

• Angular
  
  • Angular Component Libraries Accessibility
  
  • Inputs & Outputs: Angular
  
  • : Angular
  
  • angular/router: RouterScroller ?
  
  

• Ember
  
  • The Ember Times — Issue No. 165
  
  • in-element Ember.js
  
  • Ember Octane Glimmer Components
  
  • React Ember:
  
  • React Component Ember.js
  
  

• Libs＆Plugins
  
  • ZzFXM-小さなJavaSciptミュージックジェネレーター
  
  • meta-fetcher：指定されたURLの小さなメタデータパーサー
  
  • spotify-api -spotifyapi と対話するためのクイックラッパー
  
  

ブラウザ

•クロムはIETF QUICの活性化を開始し、HTTP / 3

•クローム86リリース

• Google Chromeは、中国で最も人気のあるブラウザのまま

• Windowsの10中のブラウザでは、非常に多くのプロセスを作成し、なぜMicrosoftが明らかにした

•マイクロソフトは、マイクロソフトEdgeの新機能を発表しました

• Webブラウザの履歴を



←先週のダイジェスト

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