Clever Geek Handbook

先週のフロントエンドの世界からの新鮮な食材のダイジェストNo. 421（2020年6月22日〜28日）

フロントエンドエリアとその周辺からの新素材へのリンクを含むセレクションをあなたに注目させます。





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



メディア



• ポッドキャスト CSSSRポッドキャスト-テレグラムロック解除、WWDC 2020、DX、NodeJS 14、Webpack 5ベータ18、MozillaのVPN

• ポッドキャスト Web標準ポッドキャストNo. 235：エバンジェリストSafari、Bootstrap 5、コンテンツの可視性、グリッド、チェックボックス、フォーム、PWA用API

• フロントエンドユース（18+）ポッドキャスト＃ポッドキャスト 143：開発者の生活は重要です



ウェブ開発



• habr 高速なウェブ・インタフェースを作成する方法、高品質かつ興味深い

• habr こするウェブ上でお金を稼ぐ方法

• habr フロントエンドのチームリーダーになるためにどのように、どのように、その後生きるために-放送デコード

• る AMPの存在の5年間を振り返って

• る ページスクロール技術の概要を





  • • る DevTools (Chrome 85)

    • る

    • る npm v7 — `package-lock.json`?





  • • habr

    • habr

    • る Core Vitals Google

    • る WebP , JPEG?

    • る

    • る 100 Google PageSpeed ​​Insights





  • • る

    • る - +







CSS



• Chromeでのさまざまなメディア表現のエミュレーションとダークモードのデバッグ

• る ブラウザでのフォントレンダリングの不一致

• る CSSでのスタイルレイアウトラッパー

• CSS る でのしわくちゃのポスターの効果

• る 「prefers-reduced-motion」を使用したアニメーションサポートの確認

• る CSSの基本：アニメーション

• る HTMLデバッグ高度なCSSセレクターの使用

• る Stacksカスタムプロパティを使用したカスケードの管理



JavaScript



• habr JavaScript開発者がCurlについて知っておくべきこと

• habr ヘッドレスChromeでキャプチャをバイパスする

• habr 結晶成長のシミュレーション：JavaScriptでの拡散制限のある集計

• habr JavaScriptでのメモリ-リークなし

• チュートリアル。ドラッグアンドドロップのタスクリスト

• る JavaScriptで画面、ウィンドウ、およびWebページのサイズを取得する方法

• る TypeScript 3.9の新機能

• る Reactを学ぶ前に習得する必要があるJavaScriptの概念







  • Angular

    • habr DI Angular —

    • る Angular 10

    • る Angular 10

    • る RxJS:

    • る Angular











• Chromeは新しいPDFビューアインターフェイスを導入し、AVIFのサポートを追加しました

• Chrome、Firefox、SafariはTLS証明書の有効期間を13か月に制限し

ます• る WebExtensionsコミュニティのSafariへようこそ

• る Safari、Web、および認証



入力ミスやリンクの破損/重複をお詫びします。問題に気づいた場合-個人で書いてください、私たちはそれらを迅速に修正しようとしています。



先週のダイジェスト。

素材はダースモールとアレクスコロビンを用意。


More articles:


All Articles