先週のフロントエンドの世界からの新鮮な素材のダイジェスト＃449（2021年1月4日-10日）

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

Web開発    |    CSS     |    JavaScript     |    ブラウザ

ウェブ開発

• 顔と音声の認識をサポートするPWAの開発

• Frontenderはニューロンを書き込みます。難易度「扱いたい」

• 実生活からコンポーネントを作成する技術

• Webアセンブリの何が問題になっていますか？

• 2021年のフロントエンド予測

• HTML、CSS、JavaScriptを使用してGoogle Docのクローンを作成します

• プログレッシブ拡張は機能しませんか？

• パフォーマンス
  
  • GooglePageSpeedインサイト：100/100ランキングについての真実
  
  • WebPageTestを使用したWebバイタル分析
  
  

• 
  
  • 2020
  
  • 2021
  
  •
  
  • - Chrome DevTools
  
  

• 
  
  • Animations 101 — Greensock
  
  • WebGL OGL GLSL
  
  • Codepen 2020
  
  

CSS

• Webコンポーネントのためのスタイリングオプション

• CSS 2020の州最終報告書

• カスタムプロパティは、国家として

• 本当に追い風価値がありますか？

• 新しいCSSHoudiniペインティングAPIの学習

JavaScript

• JavaScriptのクラスの何が問題になっていますか？

• JavaScriptLandiaとは何ですか？

• DOMノードと要素の違いは何ですか？

• JavaScriptスタックとキュー

• JavaScript開発者として私が犯した（そして申し訳ありませんが）7つの間違い

• JavaScriptクラスに関する最新情報

• カスタムJavaScriptでのBootstrapコンポーネントの使用

• React
  
  • React.js —
  
  • React Input Ranges
  
  • React styled-components
  
  • Concurrent Mode React
  
  • React : useEffect Hook
  
  • Build time atomic CSS-in-JS. Baked and ready to serve.
  
  • xstyled — CSS-in-JS React. -, JSX Props.
  
  • React, Node, WebRTC (peerjs)
  
  • ( React)
  
  

• Vue
  
  • Vue.js 3 : Components, Props & Composition API
  
  

• Ember
  
  • Ember 3.24
  
  • Ember JS
  
  • Glimmer Router Navigo
  
  

• Svelte
  
  • Svelte spring
  
  • Svelte . 1/3
  
  • Svelte ?
  
  

• MicrosoftEdgeはついに履歴 を同期し、タブを開きます

• ChromeでHTTPSはデフォルトのアドレスバーを適用し始めます

• さようなら、若者：Google Chromeはカスタムオーディエンスを失い始めました

• Mozillaは偶発的なデータ損失から保護するためにFirefoxのBackspaceキーを無効にしました

• Firefox 85はECHに切り替わり、HTTPSトラフィックでドメインを非表示にします

• 聞いたことのない興味深いブラウザのリスト

• Vivaldiブラウザが



過去1週間のGoogle ChromeDigestとどのように異なるか。

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