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

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

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

メディア

• ポッドキャスト「Web標準」＃241。サイドポッドキャスト、オンラインイベント、ブラウザニュース、マスターではなくメイン、共感を求める

• CSSSRポッドキャスト：Vueコンポーネントのテスト、Github開発ロードマップ、Angular、Next.js、Gitリリース

•フロントエンドYunost（18+）ポッドキャスト＃ 149 ：Nagibableは氷河を溶かします

ウェブ開発

• 気づかなかったかもしれないフロントエンド開発テクノロジー

• Chrome開発者ツールの専門的な使用：13のヒント

• 初心者向けのWeb開発ガイド「ノージャーゴンガイド」-最初のサイトの展開

• Emmet 2 for SublimeTextがリリースされました

• 
  
  • . 1. Critical Render Path
  
  • SSR 10
  
  • Google Core Web Vitals
  
  • «Performance» Chrome React.
  
  • content-visibility: CSS, .
  
  • , Performance Score ( )
  
  • hero-
  
  

• 
  
  • Facebook.com
  
  • Axe-core 4.0,
  
  •
  
  

• 
  
  • «UI Interactions & Animations Roundup #9»
  
  • Magnetic Buttons — «» .
  
  • SVG
  
  • «Inspirational Websites Roundup #17»
  
  

CSS

• CSSグリッドは誰でも理解できます

• SCSSでのメディアクエリ-@ media画面を使用するもう1つの便利な方法

• JavaScriptなしで実行できる6つの強力なCSS機能

• ドロップシャドウ：過小評価されたCSSフィルター

• 計算値：目に見える以上

• JavaScriptのフォールバックとCSSグリッド上の石積みのための簡単な解決策

•深く行く のFlexプロパティ

• ほとんどのレイアウトの問題のための近代的なCSSグリッド・ソリューション

• CSSでの現実的なページフリッピングの実装

• より高速なページロードのためのCSSを最適化

• インタラクティブなCSSボキャブラリー

• background-imageを使用したCSSボーダーのより詳細な制御

• font-weight：300は有害である可能性があります（およびfontconfigを使用した解決策の可能性）

•スーパーヒーローレイアウト-CSS グリッドとCSSシェイプの組み合わせ

JavaScript

• 私のお気に入りのJavaScriptトリック

• 戦争時のノードモジュール：CommonJSモジュールとESモジュールが連携できない理由

• RxJSとFirebase101

• TypeScriptの新しいWebサイトの発表

• 反応性モデルの比較-Reactvs Vue vs Svelte vs MobX vsSolid

• 1Keys-たった1KBのJavaScriptでピアノを作った方法

• 
  
  • JavaScript
  
  • Array.isArray(Array.prototype) true?
  
  • c , .
  
  

• React
  
  • Concurrent Mode React: -
  
  • Next.js SEO
  
  • React
  
  • Redux
  
  • React: React .
  
  • react-spring
  
  

• Vue
  
  • Vue.js , 9:
  
  • Vue.js , 10:
  
  • - VuePress Bulma
  
  • React Vue.js:
  
  

• Angular
  
  • Angular-
  
  • Angular
  
  • Angular — .
  
  • Angular 10
  
  • Angular,
  
  • Change Detection Angular, -
  
  • Angular 10 — Angular
  
  

• Ember
  
  • The Ember Times — Issue No. 159
  
  

• Svelte
  
  • Svelte Radio, Episode 8 — Amelia Wattenberger, Svelte, D3 and other fun stuff!
  
  • Svelte React?
  
  • svelte
  
  

• Libs & Plugins
  
  • 8 JavaScript Local Storage
  
  • jois — - -.
  
  

• Firefoxは、リダイレクトによる移動追跡に対する保護のアクティブ化を開始しました。

•すべての人に新しいエッジ。Microsoftは、Windows 10からブラウザをアンインストールする機能をブロックしました

• ChromeとEdgeの市場シェアは拡大を続けており、Firefoxは人気を失っています

タイプミスやリンクの破損/重複の可能性についてお詫び申し上げます。あなたが問題に気づいたら-個人的に書いてください、私たちはそれらを迅速に修正しようとしています。

先週のダイジェスト。

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