先週のフロントエンドの世界からの新鮮な素材のダイジェスト＃472（2021年6月7日-13日）

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

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

メディア

• CSSSRからのニュース512：Firefox 89、Safari 15 Beta、Jest 27、ブラウザーのパフォーマンス、コア開発に関する一連の記事、フロントエンドテストに関する概要記事、およびWebExtensions CommunityGroupからの発表。

• Web標準は＃285をポッドキャスト：クローム92のベータ版は、Firefox 89、アンカーと拡張機能、チームシティー、JS WASM、活字体4.3内部

• フロントエンドユースには＃190をポッドキャスト：取得する方法を 始めた古いプロジェクトとし、こぶしできない

• 「ニュース512」 CSSSRから：React 18、Vue 3.1、ESLint 8の発表、CSSSRからのコース、：is（）、where（）、： has（）、インターネットの登場

• 「CallbackHell」ポッドキャスト：Google Services with Bad Web Vitals、フロントとバックの間でロジックを共有し、プロジェクトに関するドキュメント

ウェブ開発

• Webの未来：<canvas>でのレンダリングはDOMに取って代わりますか？

• 仕事に適したタグ：セマンティックHTMLを使用する理由

• 無視してはならない5つのフロントエンドの問題

• ツール
  
  • 私が最近発見された三つのフロントエンドの監査ツール
  
  • VSためのJSフレームワークとプラグインへのCSSの監査とa11yから有用なボイラープレートとWeb開発のためのスターターキットの選択、
  
  • クロームデベロッパーツールでメモリインスペクタを紹介
  
  • アストロ紹介：新しいタイプの静的JSを使用しないサイトジェネレーター
  
  • 2022年のフロントエンド開発を高速化するための7つのツール
  
  

• 
  
  • CSS, JavaScript -
  
  • . 1/n.
  
  • 2/n. FMP TTI?
  
  • 3. Event loop, layout, paint, composite, call stack
  
  •
  
  

• 
  
  • .
  
  • , -
  
  • whocanuse — ,
  
  •
  
  

• 
  
  • SVG CSS SVG
  
  • SVG
  
  

CSS

• 型破りなレイアウト

• チートシートを使用したCSSグリッド の 完全ガイド

• CSSシステムの色

• CSSは、システム設定に一致する色の値を定義します。

• @containerの日中のメディアクエリー

• レッツは、CSSでのアスペクト比を学ぶ

• CSSのサイズ調整@フォントフェースのための

• フレキシボックスと同等の列：ハーダーあなたが考えているよりも

• ソート可能なマルチを試し 列テーブル

• ミートは：あります。ネイティブCSSセレクター

• Cornucopiaコンテナクエリ

• CSSフォントサイズルールを作成し、Fluid TypeScaleを作成します

JavaScript

• 私は13％でエンジンを加速する方法

• JSでの時系列予測：最小のフロントエンド開発者のためのデータ分析

• スパークプラグ-詳細を非最適化のJavaScriptコンパイラ

• SupabaseとNext.js使用してフルスタックのアプリケーションを作成する方法

• 実装をJavaScriptのプライベートフィールド

• ForeverFunctional：Promiseのメモ

• JavaScriptでSOLID原則を実装する方法

• PrettierとESLintを 使用してJavaScriptのフォーマットと修正を自動化する

• 最新のJavaScript

• ESLintを超えて：JavaScriptの静的分析の概要

• JavaScriptDOMセキュリティの信頼できるAPIタイプ

• JavaScriptを使用してNFTを構築する方法

• JavaScriptの観点からの錆

• 反応
  
  • 18反応のためのロードマップを
  
  • 2021年に国家管理のテクニックを反応させるの概観
  
  • 2021年Reduxの代替を
  
  • GitHubのを介してアプリケーションを反応させる展開：CloudFlareのページのチュートリアルを
  
  • アイコンの反応：例とA総合ガイド
  
  • テスト18アルファの反応します
  
  

• Vue
  
  • Vue 2 Vue 3 – Migration Helper
  
  • Vue.js Composition API
  
  • State Management? Vuex Nuxt.js
  
  • Vue.js vs. React —
  
  

• Angular
  
  • , AsyncPipe Angular
  
  • Angular NgClass — CSS
  
  • Angular GitHub Pages
  
  • Angular
  
  • Angular Material
  
  

• Libs & Plugins
  
  • libSquoosh. Squoosh, node
  
  • nanostores — React/Preact/Vue/Svelte
  
  • flexsearch — ,
  
  

• Vivaldi4.0-最初のアプローチ

• Googleは、Chromeアドレスバーにドメインのみを表示する実験を失敗として認識しました

• 先週の WWDC21





ダイジェストで実証されたSafariのWebKit機能。

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