先週のフロントエンドの世界からの新鮮な材料のダイジェストNo. 360（2019年4月7日〜14日）

フロントエンドエリアとその周辺の新しいマテリアルへのリンクを含むセレクションをご紹介します。



ところで、先日、このダイジェストは7歳になりました。 関係者全員に感謝します:)

メディア | Web開発 | CSS | Javascript | ブラウザ | おもしろい

---

メディア

• ポッドキャスト「Frontend Youth（18+）」 ＃90 Guyは専門家の邪魔ではありません

• ポッドキャスト "Devshahta / Night Frontend" ＃75：開発場所

• FrontSpot Show＃5： コンスタンチンクリヴレニア。 ひげを生やした物語 アウトソーシング»

• proConf＃9 VUEJS AMSTERDAM 2019

• すべてのHTML＃s2e10： パーセルの現象

• 2019年モスクワのWSD 、放送録画

• MinskCSS Meetup＃6-2019年4月11日

ウェブ開発

• 害を与えずに暗いテーマを作成する方法。 Yandex.Mailチームの経験

• サイトを統計に移行する：動機、コスト、仕事

• ニッチなテーマサイトの作成に時間を費やしてみませんか

• Stack Overflow Developer Preferences Survey

• フロントエンド開発者ハンドブック2019

• インラインSVG ...キャッシュ

• イラストでのWeb開発

• モバイル入力の種類

• Javascriptと CSS-より多くの制御はより多くの責任を意味します

• ローカルリポジトリを信頼しない：永続的なクロスサイトクライアントスクリプトの普及に関する調査

• 性能：
  
  • Js Native Lazy Loading and Fallback with Vanilla-Lazyload 12
  
  • Google AMPによりページの速度が低下し、それを使用する以外に選択肢はありません
  
  • Lighthouseで100％のパフォーマンススコアを取得する方法
  
  

• アクセシビリティ：
  
  • 一般的なアクセシビリティの問題：キーボードフォーカスを移動せずにページセクションに移動する
  
  • 色のアクセシビリティ：包括的な製品の作成を支援するツールとリソース
  
  • アクセシビリティを学習するときに尋ねられる5つの質問
  
  

• アニメーション：
  
  • Three.jsでスティッキーイメージエフェクトを作成する方法
  
  • React-Three-Fiberを使用して再利用可能なWebGLコンポーネントでSVGを切断する
  
  

CSS

• CSSについてこれまでに言われたことがないこと

• 幅とフレックスベースの違い

• @supportsの仕組み

• すでに2019。 アイコンフォントとSVGアイコンについての議論を終えましょう

• Houdini CSSコミック理解ガイド

• CSSBattleのトリックとトリック

• CSS SVGアニメーション

• CSSスーパースターになるには、次の手順に従ってください

• JavaScriptを使用してカスタムCSSプロパティの値を取得する

• CSSシェイプを使用した芸術的なWebガイド

• ミックスインを使用して適応フォントサイズから数学を導き出す

• CSS env（）を使用する理由

• クイズ：目的は？ CSSセレクターをどれだけ知っていますか？

• sassyfication：CSS開発を高速化するSass不純物を含むライブラリ

Javascript

• AMPはJavaScriptのサポートを追加します

• JavaScriptに関する3つの大きな嘘

• JQuery 3.4.0リリース

• 多言語翻訳にWeb Speech APIを使用する

• WebコンポーネントがJavaScriptフレームワークを補完できる5つの理由

• カイル・シンプソン：ほとんどの人が学んだよりも多くのJavaScriptを忘れた

• 2019年4月にGitHubで最も人気のあるJSリポジトリ31のリスト

• 理論：
  
  • JavaScriptエンジンの基本：プロトタイプの最適化。 パート1
  
  • JavaScriptの配列について知っておくべきこと
  
  • 配列ループでの非同期/待機の落とし穴
  
  • 三項演算子の防衛において
  
  • JavaScript Promiseを使用した非同期プログラミングの改善
  
  • 最新のJavaScript開発のデザインパターン
  
  

• 反応：
  
  • React.jsを使い始めたときに知りたいこと
  
  • Reactスタイリングのガイドライン
  
  • VSコードのベストReact拡張機能
  
  • React用の一般的なCSS-in-JSライブラリの概要
  
  • React Hooksによる状態管理-ReduxまたはContext APIなし
  
  • React95 -Win95 UIを使用したReactコンポーネントライブラリ
  
  

• VueJS：
  
  • 会社がVue.jsの使用を開始する理由
  
  • Vue.jsの新しい状態管理の紹介
  
  • VueJs Amsterdam 2019 Conference Summary（パート2）
  
  • ReactよりもVueを好んだのはなぜですか？
  
  • Vue.jsおよびAxiosを使用してサードパーティAPIからデータを取得する
  
  • Vue.js Webアプリケーションを表示可能にする-JavaScript SEO
  
  

• 角度：
  
  • クリーンで高速なAngularアプリケーションの作成における最高の経験
  
  • 角度コンテキスト：ネストされたコンポーネントツリーとルーターアウトレットの簡単なデータバインディング
  
  • Angular CLI-ワークスペースの分かりやすい説明
  
  • 高度な角度：再利用可能なオートコンプリートコンポーネントの実装
  
  

• ライブラリとプラグイン：
  
  • fkit：JavaScriptの機能ユーティリティのセット
  
  • jQueryターミナルエミュレーター-Web用ターミナル
  
  • Choices.js ： Select2として入力できるが、jQueryを使用しないカスタムselect要素を作成するためのプラグイン
  
  

ブラウザ

• Chromium上のMicrosoft Edgeがオープンテストで正式に利用可能に

• Firefox Betaは、マイニングおよび非表示の識別のためのブロックスクリプトを追加します

• Chromiumでは、iframeと画像の遅延読み込みが利用可能です。 Microsoft Edgeテスト版

• ChromeとSafariは、クリックトラッキング属性を無効にする機能を削除しました

• Opera 60（Reborn 3）がリリースされました-「未来のインターネット」Web 3、暗号ウォレット、無料VPNをサポートする最初のデスクトップブラウザ

• EdgeはChromiumに移行します。これはフロントエンド開発者にとって何を意味しますか？

おもしろい

• GitHubは、ロックと作成者アカウント全体をバイパスするためのユーティリティリポジトリを完全に「削除」しました

• Google：頻繁にクロールしてもサイトの位置は改善されません

• まもなく、GoogleドキュメントはネイティブのMicrosoft Word、Excel、PowerPoint形式のサポートを開始します。

• 初期のインターネットからの証拠はほとんどありません

• Helveticaの権利所有者が35年ぶりにフォントの再設計をリリース

• EUは、人工知能の倫理規範を開発しました

• アリババの創業者であるジャック・マーは、1日12時間、週6日、労働文化に立ち向かいました

A.

入力ミスやリンクの破損/重複をおaびします。 あなたが問題に気づいた場合-個人的なメールに書いてください、私たちはすぐにそれらを修正しようとします。

← 先週のダイジェスト



ダースモールとアレクスコロビンが作成した資料