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

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

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

メディア

• CSSSRの「News512」：Firefox 84、Tinkoffの「Frontend-2021」、Node.jsのセキュリティリリース、Deno 1.6、MDN Web DNA2020

• ポッドキャスト「 Makemebeautiful」＃52-20万のサイトにタイプミスを印刷

• PodcastフロントエンドYunost（18 +）＃166：100分でのJavaScript履歴全体

• Web標準Podcast＃260：Web Almanac 2020、Safari TP、PWA、ESTimate、リクエストによるダウンロード、Houdini、Squoosh 2、CLI

• フロント-2021年末のロードマップとトレンド| 2021年に何を教えますか？

• より多くの、より多くのフロントエンド- UMoneyDayからの報告

• クロームデベロッパーサミット2020

• Chrome Dev Summit Russia2020拡張

• ChromeDev Summit2020のハイライト

ウェブ開発

• フロントエンド-2021：私たちが見ているトレンド

• フロントエンドユーザーがUXについて知っておくべきことと、この方向に進む理由

• SEOチェックリスト（PDF）

• Webアプリケーションキャッシングの基本

• 
  
  • , Google Fonts.
  
  • PageSpeed Insights —
  
  • Observer vs Scroll Lazy Loading:
  
  • CSS, CMS CLS
  
  • 5 ,
  
  

• 
  
  • ?
  
  • GOV.UK
  
  • WCAG 2.1: Label in Name
  
  

• 
  
  • glitch- Cyberpunk 2077 CSS
  
  • Web Animations API — Pie Timer
  
  • «Inspirational Websites Roundup #21»
  
  • UI «UI Interactions & Animations Roundup #13»
  
  

CSS

• CSSグリッドのレイアウトオーバーレイのオフセットを削除し

ます• CSSスクロールスナップ-JavaScriptなしでスクロール可能なコンテナを作成するための強力なツール

• CSS値処理

• AnimXYZ-任意のフレームワークに簡単に埋め込むことができるCSSアニメーションのコンポーネントライブラリ

• ポイント変換のCSSプロパティ

• 短い処理CSSの長いコンテンツ

• HTMLメールのフォント

• コンテンツの可視性とアクセス可能なセマンティクス

• CSSを使用したconsole.log（）フォーマットのスタイリング

• CSSでのセンタリング

• 最小限のCSSで応答性の高いページとカラーテーマを作成する方法

• CSSグリッドと組み合わせたスティッキー要素

JavaScript

• 新しいES2021 / ES12特長

• JavaScriptでモジュール

• 反復可能オブジェクトやイテレータを：アンの深いガイドJavaScriptに

• ループに再帰を回す

• JavaScriptで非構造構文を理解する

• 1つの開発者はJavaScriptのみ使用AirDropを再作成方法

• ラストチュートリアル：用の錆に入門をJavaScript開発者

• JavaScript：条件付きJS、必要な場合にのみロード

• React
  
  • react
  
  • PWA create-react-app
  
  • React
  
  • 25 React,
  
  • Sitemap Next.js
  
  • Redux
  
  • Iframes React:
  
  

• Vue
  
  • SSR Vue Node.js
  
  • Vue.js MJML
  
  • Qui — - Vue.js
  
  • Vue.js
  
  

• Angular
  
  • Angular
  
  • Angular
  
  • context help component Angular global event listener
  
  • Angular @ngrx/component-store
  
  

• Ember
  
  • Ember 3.23
  
  • The Ember Times — Issue No. 170
  
  • Ember.js
  
  

• Libs & Plugins
  
  • Tiny-Swiper — JavaScript swiper
  
  • Locomotive Scroll
  
  • Moiva — JS-
  
  • EStimator , JavaScript
  
  

• Firefox84リリース

• Firefox85は、ネットワークセグメンテーションに基づく追加の追跡保護を追加します

• Firefox、Chrome、Edge、およびSafariでは、カザフスタンのトラフィックを傍受するために使用される証明書がブロックされ

ます• 新しいMicrosoftパスワードマネージャーは、Edge、Chrome、iOSとの間でデータを同期しますAndroid

• Avastは、ユーザーの個人データを盗むChromeとEdgeの28の悪意のある拡張機能を発見しました

• Microsoftは



先週、M1チップダイジェストに基づくAppleコンピューター用のEdgeブラウザーをリリースしました。 dersmoll

によって準備された 材料と alekskorovin。