先週のフロントエンドの世界からの新鮮な食材のダイジェストNo. 417（2020年5月25日〜31日）

フロントエンドエリアとその周辺からの新しい資料へのリンクを含むセレクションをお客様にご紹介します。

メディア     |    ウェブ開発     |    CSS     |    Javascript     |    ブラウザ     |    面白い     |    

メディア

• ポッドキャスト「Five Minutes React」：2020年のReasonML
• UnderJSポッドキャスト＃22-Natalia TeplukhinaによるGitLab、GraphQL、Vue3 [ランプ]
• CSSSRポッドキャスト「Argumentarium」：SvelteおよびBig Three JSフレームワーク
• プロ会議＃64： ReactEurope 2020-Facebook Reduxの置き換え| 高速ギャツビー| React Native for Web | Next.js
• ngVikings 2020のすべてのスライドとビデオへのリンク
• Jamstack conf virtual 2020

ウェブ開発

• EUがCookieウォールを根絶する理由
• ウェブサイトを保護する方法は？
• Webのタイポグラフィ
• フロントエンドに特化したインクリメントマガジンの最新号。業界のスターからの話題の記事-Chris Coyer、Lea Verou、Evan You、その他
• アダプティブHTML画像構文ガイド
• NPMでの最大のスキャンダル
• Wake Lock APIの使用例：BettyCrocker.comの購入意向インジケーターが300％増加
• htmx-属性を使用してHTMLで直接AJAX、WebSockets、サーバー送信イベントにアクセスする強力なHTMLツール
• レスポンシブWebデザインは10年前のものです。
• ＃20 HTMHellスペシャル：閉じるボタン。閉じるボタンの実装のパターンとアンチパターン
• 検索エンジン最適化を改善するための構造化データの使用

• ツール
  • プットアウト：新世代のリンター
  • iPhoneでのローカルテスト
  • ChromeおよびFirefoxの開発者ツールの知識
  • ベースのgulpfile.js v3をgulpfileバージョンv4に変換する
  

• パフォーマンス
  • ページ速度を改善する10の方法
  • 追加のフォントをプリロードすることによるレイアウトと不可視テキストのフラッシュ（FOIT）オフセットの防止
  • コアWebバイタル測定ツール
  

CSS

• 専門家への質問：CSSはなぜそうなのか...それは何ですか？
• CSS変数ユーザーガイド
• Tailblock-Tailwind用のすぐに使用できるCSSブロック
• 固定要素と背景について
• まず、アスペクト比を確認し
ます• 「コンテンツ」について知らなかったものをここに示し
ます• ウェブ上の拡大する色域
• CSSフィルターを使用して追加のグラデーションを作成する
• CSSグリッドレイアウトを作成するためのCLIツール

Javascript

• ES2020革新そのI本当に好き
• JavaScriptのプログラマの日々の改善について
• JSをオンにする現実的なページの効果
• 何電王であり、それはNode.jsのを置き換えるのだろうか？
• 側からJavaScriptを見
• Javascriptの開発者がノード上電王を好む理由5主な理由
• のNode.js +人形遣いではJavaScriptを使用してWebページの削れ基本的なウェブ
• のECMAScript 4：欠落しているバージョン

• 
  • JavaScript
  • JavaScript?
  • JavaScript-. 3
  • 10 JavaScript
  • — JavaScript
  • JavaScript: , Console.log?
  • Cache API JavaScript
  

• React
  • React. 2: UseState, UseEffect
  • , Concurrent Mode React 2020
  • React
  • React Redux CRM
  

• Vue
  • : Vue 3
  • Vue.js /
  • Typescript VueJS 2.6+
  

• Angular
  • Angular Pug
  • Angular
  • Angular: The Unexpected
  • TDD Angular —
  

• Ember
  • The Ember Times — Issue No. 150
  • Empress-blog Netlify CMS
  

• Svelte
  • Svelte ?
  • , Svelte, JavaScript
  • Svelte
  

• Libs & Plugins
  • Alpine.js
  • Rough Notation — JavaScript
  • Fluor.js — JS , .
  • ac-colors — JS RGB, HSL, HEX, XYZ, LAB, LCHab, LUV LCHuv,
  • Motionia — .
  

• MicrosoftがEdgeをPWAのより優れたブラウザーにする方法
• ブラウザーはレンダリングエンジンではありません
• Chrome 84ベータ：Web OTP、Webアニメーション、New Origin Trialsなど
• Chrome 84はデフォルトで迷惑な通知からの保護をオンにします

おもしろい

• Microsoftは新しいオープンウィンゲットパッケージマネージャを開発している
• AddTrustのの減価償却ルート証明書は、OpenSSLとGNUTLSを持つシステム上で墜落した
• （コンソールを開いて、自分の目で確かめてください）インターネット上で最もクロールサイト
• 楽しいファクト：クロムとJavaScriptの作品インタフェースドラゴン2コントロールを
• Stackoverflow開発者調査2020：年次開発者調査

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

先週のダイジェスト。
素材はダースモールとアレクスコロビンを用意。