先週のフロントエンドの世界からの新鮮な素材のダイジェスト＃438（2020年10月19〜25日）

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

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

メディア

• ポッドキャスト「MakeMeBeautiful」第46号：タイプスクリプトとレイアウトですべての問題が解決されました（解決しませんでした）

• ポッドキャスト「フロントエンドユース（18歳以上）」＃160：ブラックカーディナルフロントエンドプロ無制限

• CSSSRポッドキャスト：MobXまたはRedux 、フレキシボックスまたはCSSグリッド、角度DI、灯台、宣言シャドウDOM、MDNのWeb DNA 2020 Proの無制限

• ITウェイポッドキャスト：Aviasalesがどのように動作するか初心者のためのフロントエンド、（と作品に）について。2020年10月24日からのエピソード46

ウェブ開発

• Webコンポーネント：ビギナーズガイド

• HTMLでスクリプトを実行する方法。scriptタグとasync、defer、module、nomodule、およびsrc属性

• ブラウザー内のさまざまなタイプのストレージへのガイド

• lang属性：ブラウザーは嘘をつきます。

• 深いネストを使用してHTML構造を作成するためのよりスマートな方法

• ツール
  
  • Webpack5を最初から構成する
  
  • DevTools（Microsoft Edge 87）の新機能
  
  • Chromium Edge PWA（プログレッシブWebアプリ）をMicrosoftストアに追加する
  
  

• 
  
  • - (WCAG) 2.1
  
  •
  
  • inert
  
  

• 
  
  • «Inspirational Websites Roundup #19»
  
  • clip-path
  
  

CSS

•CSS2020の状態。完了の結果に基づいて知識のレベルを評価する機能を備えたCSSの現在の状態に関する年次調査

• CSSを構造化する方法

• CSSレイアウトの選択-グリッドまたはフレックスボックス？

• 絵文字を使用したCSSシェイプの作成

• CSSグリッドを使用したボックスの外側での思考

• 3DでのCSS：長方形ではなく立方体での思考の学習

• 「一般的なCSSセレクターは低速であり、避ける必要があります」-別の嘘！

• Sass、CSS、およびセマンティックテーマ変数の変数

• レスポンシブハイトデザイン

JavaScript

• JavaScriptで「グローバル」待機を使用する

•オブジェクト指向のプログラミングオプション（JavaScript）

• クライアント側のレンダリングとサーバー側のレンダリングと静的サイトの生成

• JavaScriptの愚かな問題の解決

• JavaScriptの オブザーバーAPI-パートII

• 6高度今日使用できるJavaScript関数

• バニラJSを使用して段階的に拡張されたアコーディオンコンポーネントを作成する方法

• リリース
  
  • Node.jsの15.0 JavaScriptのサーバーフレームワークリリース
  
  • 作成は、App 4.0リアクトリリース
  
  • インポート/エクスポートの名前、およびクラスの静的ブロックとして文字列、7.12.0リリース活字体4.1バベルを
  
  

• React
  
  • React
  
  • Rockpack — , React create-react-app
  
  • Styled-Components React
  
  • Create React App 4
  
  • React v17.0
  
  • Next.js
  
  

• Vue
  
  • Vue SVG
  
  • 10 Vue
  
  • Vue.js , React
  
  

• Angular
  
  • TypeScript — Angular
  
  • Angular — function-like HTML
  
  • @ngrx/component-store selector debouncing
  
  

• Ember
  
  • The Ember Times — Issue No. 166
  
  • Ember 3.22
  
  • ember-cli-deploy
  
  • React Hooks Ember.js
  
  

• Svelte
  
  • Svelte Actions
  
  • Svelte
  
  

• Libs＆Plugins
  
  • JavaScriptの日付と時刻にMoment.jsの使用を停止します
  
  • nsfwjs-クライアント側でわいせつな画像をすばやく特定するのに役立つシンプルなJavaScriptライブラリ
  
  • Luciaは、jQueryとアプリケーションを置き換えることができる小さなJSライブラリ（UMD互換）ですバニラJavaScriptで。
  
  • phingerjp-ブラウザのデジタル指紋からWebサイト訪問者IDを生成します
  
  

ブラウザ

• Firefox82リリース

• MicrosoftEdge forLinux-ブラウザのベータ版がすべてのユーザーに利用可能になりました

• Chromeブラウザに開いているタブの検索機能が追加されました

• InternetExplorerのJScriptを無効にできるようになりました

面白い

• Photoshopは多くのAI機能を受け取りました：スマートスカイリプレースメント、高度なフィルターなど。

•どこでも青いハイパーリンクと列：1999年のApple、Google、Amazonサイトの様子

• Cloudflareが100溶岩のエントロピー壁を使用して暗号鍵を生成する方法ランプ

• Facebookは、





先週のダイジェストから直接100言語間でテキストを翻訳できるAIを作成しました。

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