メディア | Web開発 | CSS | JavaScript
メディア
•
ポッドキャスト「Web標準」＃251。Chrome 86、Safari、Firefox、UIキット、SSR、Next.jsの始まり、ZaraとJSマラソンについて
•
ポッドキャスト「MakeMe Beautiful」第45号：18以上のクールなフロントエンドストーリー
•
CSSSRポッドキャスト：Webpack5とモジュールフェデレーション、Chrome 86、npm 7、イベントループとコールスタック、Python 3.9、a11yマテリアル
ウェブ開発
•
経済性のためにWebアプリケーションを作成しますが、このパスは私たちを暗闇に導き
ます•
ダークモード：こんにちは、暗闇、私の旧友
• HTTPからHTTP3へ-未来のインターネット
•
多くのフロントエンド開発者が知らない11のフロントエンドトリック
•
Webコンポーネント：完全ガイド
•
Socket.ioおよびNode.jsを使用してリアルタイム通信を構築する方法
-
• :
• NPM 7.0
• webpack: webpack 5
• Webpack 5
• Chrome DevTools
-
• Core Web Vitals: - Google
• ?
• - PRPL
• Largest Contentful Paint:
-
• CSS , 2:
• Checka11y.css — CSS .
• , CSS
-
• , Mark Appleby
• Material Design
•
• Motion Blur CSS Transitions
• -
• CSS
CSS
•
CSS変数-ヤングファイターコース
•
CSSの1行に10のモダンなレイアウト
•
高度なCSS-in-TS
•
CSSレイアウトの選択-グリッドまたはフレックスボックス？
•
--var ：; 単一のカスタムプロパティで複数の値を切り替えるためのハック
•
バニラCSSを使用した応答性の高いフォントサイズ
•
ショートカットによるブールプロパティの拡張
•
：focus-visibleトリック
•
純粋なCSSでの20のアニメーションローダーの選択
•
最小（）、最大（）、クランプ（）：今日使用する3つのブールCSS関数
•
Layoutitグリッド：ジェネレーターを使用してCSSグリッドを視覚的に探索
•
新しいCSSイメージ（）機能
•
CSSを使用したユーザー追跡
JavaScript
•
WorkBox：サービスワーカーの世界でのツールキット
• JavaScriptのWeakSetとは何ですか。どのように機能し
ます
か。• JavaScriptでトップレベルの待機を使用する必要があるのはなぜですか。
•
最新のJavaScript入門-プロキシ
•
同形レンダリングパフォーマンスへの旅
•
オブジェクト指向JavaScript：ちょっとした練習
•
TypeScriptプロジェクトの文書化：オプション
- React
• D3 React
• . Part 1
• React Wallaby.js
• Framer Motion — React.
• long-running React -
• Wouter: React Router
- Vue
• Nuxt Content ( )
• Vue
• VueJS script gadgets
- Angular
• Angular DI,
• Lazy Load Angular
• Angular LetDirective — 1
• .CSS .SCSS Angular
- Ember
• yieldable named blocks
- Svelte
• Svelte , React
• Svelte
- Libs＆Plugins
• ライブラリとJavaScriptフレームワークを選択するための便利なプラットフォーム-openbase
• GPUの検出-3Dレンダリングパフォーマンステストの結果に基づいてGPUを検出します。これにより、開発者はグラフィックを多用するアプリケーションに適切なデフォルト設定を提供できます。
• dragmove.jsは- DOMに要素をドラッグアンドドロップのための小さなJavaScriptライブラリは
• Malina.js入門
• 少数のJavaScriptライブラリを使用するための3つの理由
先週のダイジェスト。
材料はdersmollとalekskorovinを準備しました。