Clever Geek Handbook

先週のフロントエンドの世界からの新鮮な材料のダイジェスト＃422（2020年6月29日-7月5日）

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





ウェブ開発



• habr スクロールテクノロジーの概要

• habr コーディングをやめてレイアウトを自動化しましょう

• GoogleはWordPressでAMPストーリーを公開するためのベータプラグインをリリースしました • ウェブ上のダークモード

のる 完全ガイド

• る ウェブ開発の暗い時間

• る テキストのフラグメントを強調表示する：リンク方法Webページ上の特定のテキストを強調表示する

• る Progressive Web Apps：A Practical Guide









  • • る 6 ( )

    • ビデオ る







CSS



• habr TailwindCSS-別のフレームワークまたは新しい進化のステップ？

• habr 円錐形の勾配を有する簡素化背景画像

• habr Webページのコンテンツのスタイリングの容器は、

• 既製のCSSの追い風ブロックを使用して5分で簡単なランディングページを作成します。

• る CSSグリッドのアコーディオン行

• る パフォーマンス-CSSペインティングとCSSフーディーニは、APIペイント

• る サブグリッド使用してカスタムシェイプリンク

• る JavaScriptを使用して値を翻訳取得CSSを

• る CSSに合わせロゴ画像を

• る ダイナミックCSSインポート

• る ファンシーCSSプロパティ

•る コンテナのさまざまな比率のレスポンシブ画像

• る 線が切れない場合。リストに強制ハイフネーションを実装するためのオプションについて

• る Chromeの新機能：CSSの概要

• る Sassと新しいCSS機能が競合する場合

• る CSSメディアクエリの完全ガイド





JavaScript



• habr 一般的なフロントエンドフレームワークの遅延読み込みデバイス

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

• habr 下位互換レッグのハット-必要なブラウザー用にJSをコンパイルする

• 2020年のJS / ESおよびTypeScriptのタプル

• ビデオ る なぜバニラアプローチなのか最初にJavaScriptは「最良の選択ではない可能性があります」

• る Gatsby.jsを使用したSEOのテクニカルガイド

• る ブログにJavaScriptフレームワークは必要ありません

• る 正規表現の学習：初心者向けガイド





  • • ?

    • Var, let const?

    • る double-bang (!!) , JavaScript /

    • る JavaScript







  • Vue

    • localStorage Vue

    • る Vue Demi — , Universal Vue Vue 2 3

    • る Nuxt Content

    • る 9 Vue JS ,

    • る Vue 3: 2020

    • る Vue



  • Angular

    • habr Angular 10

    • る Angular Dependency Injection:

    • る Angular resolvers

    • る Angular 10

    • る Angular









ブラウザー



• Firefox 78リリース

• Firefox 78、開発者向けの技術詳細

• 新しいChromiumベースのEdgeは強制的なOSアップデートで配布され、侵入的です

• Google Chromeは独自の記録を破り、Windows 10は成長を続けています



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





先週のダイジェスト。

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


More articles:


All Articles