先週のフロントエンドの世界からの新鮮な素材のダイジェスト#443(2020年11月23〜29日)

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





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



メディア



• ポッドキャスト CSSSRの「News512」:内部からのブラウザ、一目でわかるgit、bfcache、Electron 11、懐疑論とWeb Vitals、11月のTIOBE

•ポッドキャスト ポッドキャスト「WebStandards 」#258。 Bocoupと外観、CSSネスティング、テーブルアダプテーション、ブラウザデバイス、JSのすべてに適合

• CSSSRポッドキャスト ニュース512:Chrome 87、Firefox 83、TypeScript 4.1、aria-label、HTMLフォーム、CSSグラデーション、CSSBattle2020

• ビデオ JavaScript fwdays'20 Autumnonline

•ポッドキャスト ru オーバーフローポッドキャスト289:React、jQuery、Vue:バニラJSのお気に入りのフレーバーは何ですか?

• ポッドキャスト ru ShopTalk#440:サーバーレス、ローカルデータベース、エッジ機能、およびWordPressサーバーレスの使用

•ポッドキャスト ru Syntax.fmポッドキャスト:Potluck-フレームワークとライブラリ×デバッグ×CSSモジュールとスタイル付きコンポーネント×再開×ストレス管理×その他



ウェブ開発



•ru それはHTML、CSSやJSは異なる言語であることをユーザーに適していますなぜ

•ru フロントエンドの開発者は次のように考える

•ru 詳細およびサマリー要素の機能を探検

•ru 近代的なHTMLのスターターテンプレート

•ru ページ・ライフサイクルAPIへの深いダイビング

•ru 開発者のためのGraphQLにアン紹介

•ru へ戻ります基本:HTML、CSS、JavaScriptでクリック可能なカードを作成する





  • • habr 5 accessibility Chrome DevTools

    • ru NPM 7: ,

    • ru Dev Fonts —





  • • Brotli

    • Core Vitals

    • ru Layout Shift netlify.com

    • ru , FOUT Lighthouse

    • ru , AVIF

    • ru Lighthouse 96.





  • • ru «Inspirational Websites Roundup #20»

    • ru -

    • ru - Rogier de Boevé’s

    • ru , : ,

    • ru GSAP



CSS



•habr グリッドレイアウトでのminmax()CSS関数の使用の詳細

• ru HTMLチェックボックスとCSSで構築されたステートマシン

• ru Chrome DevTools:CSS概要パネルを使用したスタイルシートのリファクタリングと拡張

•ru 知らない5つのCSS疑似要素が存在する疑わしい(作成者による)

• ru fit-contentを使用したセンターナビゲーション

• ru CSSフレームワークガイドライン

•ru クイックCSSヒント:ソースコードを簡単に表示する方法

•ru 輝き効果と時間の経過に伴うスムーズな色の変化を備えたCSSボタンを作成





JavaScript



•habr のECMAScript 4:はなかったバージョン

•habr よく知られているシンボルで詳しく見

• habr Marko.js - ebay.comからフロントエンド

•スクラッチからJavaScriptのデコレータ

• ru JavaScriptでサーバー側レンダリング:A現代のアプローチ

• ru JavaScriptのDOMセレクタ-を取得する方法を学びますDOMアクセス[インフォグラフィック]

•ru プロのようにconsole.log()を使用する





  • Vue

    • ru Vue.js

    • ru Vue (x) + Firebase

    • ru Vue Vue Testing Library



  • Angular

    • ru , , Action Streams Angular

    • ru Angular

    • ru Angular









先週のダイジェスト。

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



All Articles