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

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

メディア    |    Web開発    |    CSS     |    JavaScript

メディア

• ポッドキャスト「Web標準」＃240：MoscowJS、ベータ版Chrome 85、SvelteのTypeScript、CSSでの入力とダンプ、Numlとは

• ポッドキャスト「FrontendYouth（18 + ）」＃147：JenkinsはMediazoneからコードを取得し

ます• CSSSRポッドキャスト：Chrome 84、Safari 14 Beta、Ember Roadmap 2020、Yandex UI Kit、Open Prioritization、OracleUpdate

• ポッドキャスト「MakeMeBeautiful」、問題＃38：jsのタプル、事前最適化useCallbacks、SPAのピット

ウェブ開発

• 遅延して負荷にそれの時間オフスクリーン<iframe>のS

• 右ハンドインタフェース：右から左に記述する言語にコントロールを適応

• Web開発者のためのYAML

•皆のための認可と認証

• Googleは2021年3月までの携帯-最初のインデックスへの移行を延期した

• 完全なHTMLでのSVGforeignObjectを使用したGitHubREADME

• Jamstackの 紹介：安全で高性能なサイトの構築

• シニアフロントエンド開発者としてChromeDevToolsを使用

• 次のPWAアプリケーションのための5つのサービスワーカーキャッシング戦略

• 
  
  • HTML/CSS
  
  •
  
  • ADA Website Accessibility Compliance
  
  

CSS

•古いCSSの問題への現代解決策：ページの下部にフッターを維持、同じ高さの要素：グリッド対フレキシボックス、CSSで画像をスケーリング

• カラーSVGのアイコンへのネイティブな方法

• サスの競合と比較的新しいCSSについては特長

•初期のキーワードの説明、継承、解除をそして、CSSに戻す

• @property：超大国のCSS変数

• 可読性向上のために近代的なCSSテクニック

• keyframes.appを-それは簡単なアニメーションのためのCSS作成することができ、視覚的オンラインツール

• テキスト省略記号とフレキシボックスを使用する

• アニメーションCSSアンダーライン

• CSSで 複数の背景を使用する方法

• いつインラインブロックを使用しますか？

• CSSでの3次元本の画像のオンラインジェネレーター

• css-media-vars-応答性の高いCSSを作成する新しい方法。名前付きブレークポイント、DRYセレクター、スクリプトなし、アセンブリなし、バニラCSS。

• 画面サイズを超えて：2020年の応答性の高いデザイン

• リアルなCSSブロブ

JavaScript

• JavaScriptの依存関係の選択• JavaScriptのテンプレートリテラルを理解

する 方法

• スパゲッティコードのリアクティブjQuery

• バニラJSを使用して非ESMライブラリをESモジュールにインポートする

• 
  
  • JavaScript
  
  • JavaScript —
  
  • VanillaJS
  
  • ?
  
  

• React
  
  • Debouncing React Hooks:
  
  • React Router. 3— , props +
  
  • SVG React
  
  • React- 3 ?
  
  • Styled-Components React
  
  • React —
  
  • React, 2: React Testing
  
  • 4 React
  
  

• Vue
  
  • Vuex Vue 3
  
  • Electron Vue
  
  • Vue Slots
  
  • Vue 3.0 -!
  
  • Chakra UI Nuxt.js
  
  • Code Coverage Vue
  
  • SVG Vue
  
  

• Angular
  
  • Angular
  
  • Change Detection Angular
  
  • Angular DI:
  
  • 5 , Angular
  
  • Angular + CSS Modules
  
  

• Ember
  
  • The Ember Times — Issue No. 157
  
  • , ember
  
  • Ember.js,
  
  

• Svelte
  
  • Svelte <3 TypeScript
  
  • Svelte TypeScript — - !
  
  

• LIBS＆プラグイン
  
  • 破滅-scroller.js -あなたがドゥームから要素を追加することにより、無限スクロールを取り除くのに役立ちます楽しいJavaScriptライブラリ
  
  • mailgo - mailtoのためのモーダルウィンドウの新しい概念とTELリンク
  
  • パーフェクトアローズ-ドット間の完璧な矢印を描画するための関数のセットと数字。
  
  

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

先週のダイジェスト。

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