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

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

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

メディア

• ポッドキャスト「Web標準」No.248。Safari 14、Mission PostCSS 8、Moment.js Everything、ReactおよびWebコンポーネント、2つのカラーピッカーのストーリー

• UnderJSポッドキャスト＃26-楽しいリリース（React 18、GraphQL、RN 0.63）

• フロントエンドユース（18歳以上）＃155：レモンのTypeScript

• ポッドキャスト「MakeMeBeautiful 」、問題番号44：心配しないでください。安全です

• ポッドキャスト「WebStandards」247。エッジ、ブラウザ、AVIF、統計ジェネレータ、フロントエンドの数学、Habr、読み取り、翻訳

• CSSSRポッドキャスト：セキュリティリリースのNodeJSは、ルビー3は、AVIFの解析は、ErlangのJITコンパイラは、ウェブスキルは、Laravel 8

• ヴァディムMakeevのビデオは、＃34のブログ。Type.Today、base64、フォント、サブセット

ウェブ開発

• WebCryptography API：ケーススタディ

• 2021年の検索に影響を与えるGoogleのランキング要素：コアWeb Vitals、EATまたはAMP？

• クリエイティブサイトのセレクション「InspirationalWebsitesRoundup＃18」

• ツール
  
  • PostCSS8.0「PresidentOse」リリース：新しいプラグインAPI、node_modulesサイズの縮小、ソースマップサポートの改善、CSSパーサーの改善。
  
  • PostCSS8.0：プラグイン移行ガイド
  
  • BGJar-サイト用の無料のsvgバックグラウンドジェネレーター
  
  • Chrome DevToolsの隠し機能
  
  • ツールは専門家だけのものではなく、私たちをそれらに変える必要があります
  
  

• 
  
  • : , ,
  
  • instant.page
  
  • webpack
  
  

• 
  
  • HTML CSS ,
  
  • .
  
  • 5
  
  

CSS

• CSSでセンタリング

• CSSでマスクを使用する方法

• クリッピングCSSを使用する方法

• ラーニングCSS 3Dトランスフォームと展望

• CSSアニメーションの概要を

• 最小、最大およびクランプ

• インタラクションメディア機能とその潜在

• クラス、CSSセレクタ/コンビネータが遅いです」 -速い」-彼らはあなたに嘘をついた！

JavaScript

•私たちは、JavaScriptでメディアクエリと連携

•アンのもJavascriptのコードである画像

• JavaScriptで線形補間を使用してドラッグ＆ドロップ

• RxJSと実用的な反応性のプログラミング

• HTML5ノードチートシート：2020年21 APIをあなたすることがわかっている

• 最速のJavaScriptUIフレームワークを作成した方法

• 理論
  
  • JavaScriptとTypeScript：知っておくべき11のコンパクトな構成要素
  
  • JavaScript関数の秘密
  
  • JavaScript：単純な単語のスコープ
  
  • 非同期/待機でフェッチを使用する方法
  
  • JavaScriptES6シンボルの習得
  
  

• React
  
  • React 17: ?
  
  • React Microsoft Office
  
  • WebGL React
  
  • React Query —
  
  • React Components
  
  • React Framer Motion
  
  • Wouter: React Router
  
  • Next.js
  
  • Next.js — Gatsby, Gridsome Nuxt?
  
  • 6 React Hooks
  
  

• Vue
  
  • Vue.js 3.0 «One Piece
  
  • Eleventy Vue — Netlify.com
  
  • Nuxt: Offline First PWA Tutorial
  
  • Vue Flow Form — , Vue.js
  
  • Virtual DOM
  
  • Nuxt SSR
  
  • Vue.js Global Live Online 2020
  
  

• Angular
  
  • 5 Angular
  
  • GraphQL Angular:
  
  • Cypress Angular
  
  • Angular route guards RouterTestingModule
  
  

• Ember
  
  • Statechartsを使用してEmber.jsで堅牢なユーザーインターフェイスを構築する
  
  • Emberを使用したプログレッシブWebアプリ
  
  

• スヴェルト
  
  • スヴェルト<3活字体
  
  • ページレイアウトのための再利用可能なスヴェルトコンポーネント
  
  

• Libs＆Plugins
  
  •週に1200万回ダウンロードされるMoment.jsライブラリの開発を停止し
  
  ます• date-fnsを学ぶ：JavaScriptで日付を操作するための軽量ライブラリ
  
  

ブラウザ

•タブ操作が改善されたSafari14ブラウザーの新しいバージョンがリリースされました

。•共有Wi-Fiを介してブラウザーを制御できるAndroid用Firefoxの脆弱性

面白い

• MozillaがFirefoxの送信の開発を中止し、Firefoxの注意事項

• YouTubeの勧告で「不快なコンテンツ」を追跡するためにMozillaの起動サービス

•ハッキングは最初の人間の死を引き起こす

• Slackの大声起動が退屈になった理由-それは大丈夫です

•七プログラミング神話

•マイクロソフト水中サーバーを使った実験の結果について話しました

•今日のプログラミングは20年前のプログラミングとどう違うのですか？

• 2020年のGoogleローカル検索のランキング要素



先週のダイジェスト。dersmollと

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