先週のフロントエンドの世界からの新鮮な材料のダイジェストNo. 288（2017年11月6日から12日）

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

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

---

メディア

• Podcast Web Standards、 Issue No：94 WSD in Moscow、KharkivFrontend、Node.js 8 LTS、タイポグラフィとCSS、Chromeの介入、Design in Money。
• フロントエンドウィークエンドポッドキャスト＃27-海外での開発者の生活の真実についてのデニスラディン
• ポッドキャスト「devschacht」： Night Frontend＃10-Xcodeでのテスト、デバッグ、複雑なマージ
• Frontend Youth（18+）ポッドキャスト＃26 Blame Jake Archibald on Everything
• ポッドキャスト「Web標準」、 問題番号：93 WSD、YGLF、問題のあるReactiveConf、グラフィックスと色、フォーカスとカーソル、React and Kotlin、ウクライナのフロントエンド。
• ポッドキャスト「Drinkcast」、 ＃ 16-「 バックエンドが来ました...」
• 「ALL YOUR HTML」＃22： 「アニメーション」マンダラ「またはサインで描き、インスピレーションを得る方法」
• moscowcss_5から3ビデオ
• FrontTalks 2017の16本のビデオ
• Web開発を学ぶ方法 LoftBlogを訪れるVadim Makeev

ウェブ開発

• ウェブを保存する時ですか？
• WebAssemblyの紹介
• 設計者向けのBEM、または生産技術のプロトタイピング
• モバイルサイトの開発と設計における右から左へのアプローチ
• プレースホルダーとしてのSVGの使用—さらに画像をアップロードする手法
• フロントエンドテストピラミッド：テストの観点を修正する方法
• npmのヒントとスクリプト
• npm開発者との質問回答シリーズ（AMA）
• Awesome Speakers -Mitypesおよびフロントエンド会議で話す人気のあるスピーカーの補充

• 性能：
  • 「HTTP / 2は簡単です。有効にするだけです」とBBCのスタッフは語っています。 生産性の向上-3％から34％
  • CSSフィルターのコントラスト変換手法を使用して画像の重量を軽減する
  • Webアプリケーションのパフォーマンスを向上させる6つのステップ
  • Webパフォーマンス測定-最も重要なことの分析
  • パフォーマンス最適化開発者ガイド
  • HTTP / 2の世界でアイコンを使用するためのベストプラクティス。 ニュアンスの簡単な概要といくつかの人気サイトの分析
  • BMW Webサイトの新しい高速バージョンの作成について ：TTFB、バージョンAMP、SVG、および新しいブレークポイントの改善
  

• アクセシビリティ：
  • 視覚障害のある代替テキストガイド
  • Laura Kalbagの新しい本「みんなのアクセシビリティ」の第3章からの「アクセシビリティの計画」の抜粋
  • ARIAは、建物の建設でサイトを作成するという類似性を引き出すと、 補強ではなくパテになります
  

• アニメーション：
  • CSS / SVG / JS＃61の美しいエフェクトの毎週の選択
  • Web Animation API-JavaScriptでCSSキーフレームのパワーを使用する
  • chromeography - three.jsを使用した、ある画像から別の画像への粒子の形での壮大な流れ
  • SVGとVanilla JavaScriptを使用してハート型のアニメーションを作成する
  • ドロップグリッドアニメーション
  

CSS

• CSSヒストリーエッセイ
• 通常のリセット 。 リセットと正規化について、どちらを使用するのが良いですか？
• @supportsを使用したフォールバックを備えたシンプルなグリッド
• CSS Houdiniで滑らかな丸い角
• 在庫のあるCSSコード
• メディアクエリでのアスペクト比の実用化
• グリッド内の領域とそれらを占有する要素は、必ずしも同じサイズではありません
• CSS-in-JSについて知っておくべきこと
• GitHubのディスカッション： Google Fontsサービスの使用をやめて、自分でフォントをホストする必要がありますか？ 。 この質問は、人気のあるフォントmontserratのWeightの値の次の変更後に発生しました。
• アトマイザー（acss.io）がより読みやすい名前を使用しないのはなぜですか？

Javascript

• Google：JavaScriptで見つかったリンクはPageRankを完全に送信します
• Mozillaは、デバッガーを使用したJavaScriptのデバッグに関する小さなチュートリアルをリリースしました
• 中生代からこんにちは
• D3.jsについて
• RxJSとは何か、なぜそれを知ることが役立つのか
• 2018年にJavaScriptを学ぶのはどうですか
• 5つのJavaScriptスタイルガイド-AirBnB、GitHub、Googleを含む
• 正しいJavaScriptエラー処理
• JavaScript抽象化の経時的な適応
• GraphQLスタック：すべての組み合わせ
• GraphQL FirstのQuriでの最初のプラクティス
• Meteorjsは生きている

• 反応：
  • VSコードでのReactアプリケーションのデバッグ
  • React 16ポータルを使用してクールなものを作成する
  • 実際のプロジェクトの例でのアプリケーションパフォーマンスチューニングの反応
  • ReactのEthereum Lightクライアント
  

• 角度：
  • 角度5
  • Angular Connect 2017の印象
  • 一般的な機能とレイジーモジュール
  • Angular v5の新機能：アニメーション
  • AngularJSインタビューの質問トップ5
  • Angularによる苦痛の回避-詳細ガイド
  

• VueJS：
  • Vue.jsチュートリアル：jQueryからVue.jsへ
  • GitLabとVueの連携：1年後
  • Vue.jsステータス-アニュアルレポートからの主な調査結果
  • Vueでアプリをテストする理由
  

• ライブラリとプラグイン：
  • Emergence.js-ビューポート内の要素の可視性を決定するためのJSプラグイン
  • js2flowchart-視覚化のためのライブラリ。JavaScriptコードを美しいSVG図に変換します
  

ブラウザ

• Firefox 57に追跡をブロックするツールが導入されました
• Chromeはユーザーの知らないうちに広告ページを開くことを防ぎます
• Opera 49 Webブラウザリリース
• 約2,500のオンラインストアが訪問者のブラウザーを介してマイニングしています
• 非同期パン/ズーム（APZ）がFirefox Quantumに付属

おもしろい

• インテルとAMDが提携：Radeonグラフィックスを搭載したコアプロセッサーに対応
• 大企業の問題
• シャドウプロファイル：Facebookがあなたが知っているすべての人を計算する方法
• 神はテクノロジー：デジタル主義が谷の宗教になった方法
• ユーザーが、一般的な暗号化プラットフォーム上のコードを誤って削除した。 そして、2億8000万ドルで空気を遮断しました
• Flightradar24-どのように機能しますか？
• ビットコインとビットコインキャッシュの対立はどのように発展し、誰がその背後にいるのか

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

← 先週のダイジェスト
ダースモールとアレクスコロビンが作成した資料