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

今年の最新セレクションには、フロントエンドエリアとその周辺からの新しい素材へのリンクがあります。

メディア | Web開発 | CSS | Javascript | おもしろい

---

メディア

• ポッドキャスト「Web Standards」 第101号：NGの祝い方、来年の読み物、最後のスターウォーズ、全編、J.R。
• RadioJSポッドキャスト： RadioJS＃50-ハッピーアニバーサリーとハッピーニューイヤー！
• ポッドキャスト「devschacht」： 第10号-新年。 Devshahtiの歴史と開発計画
• ポッドキャストフロントエンドユース（18+） ＃32新年のリリース。 スイスでダンプする方法
• ポッドキャスト「Drinkcast」、 ＃23-「アフターパーティ」
• すべてのHTML＃29： 液体粒子、SVG +キャンバス
• オデッサフロントエンドラリーのビデオ
• インターフェースについてYandexに問い合わせる -放送録画

ウェブ開発

• フロントエンド2017：最も重要な
• フロントエンドツール：2017年のお気に入りの発見
• 2017年に最も人気のあるリンク
• フルスタックWeb開発者向け2018ロードマップ
• 悪夢のスライディング：範囲入力の理解
• ソーシャルネットワークで共有するためのメタタグの最小セット
• ニューラルネットワークとGoogle AMPで年間収益を97％増やします

• 性能：
  • フロントエンドのパフォーマンスの最適化 。 Frontend Conf 2017でのIgor Alekseenkoのレポートのデコード
  • パフォーマンス保険 。 Artyom Denisovによるレビューで生産性を向上させるためのツール
  • パフォーマンスを測定するときに多くの人が忘れる事実について
  • Font API、Boomerang、およびUserTiming APIを使用してWebフォントのパフォーマンスを追跡する
  

• 道具
  • 今後のBabel 7.0リリースの詳細
  • ブラウザテスト-Safari 11対Chrome 63対Firefox 57（Quantum）
  • toapi-任意のサイトにAPIを提供するためのライブラリ
  

CSS

• CSSの着陸。 Sports.ru
• Calc（）関数の例
• CSSグリッドの自動列サイズ変更： `auto-fill` vs` auto-fit`
• CSSグリッドを使用して中規模ページの構造を再作成する方法
• CSSグリッドでデザイナーの5つの不安を克服
• CSSの将来に関する10のレポートとプレゼンテーション
• After EffectsからCSSトランジションおよびキーフレームへのアニメーションの転送

Javascript

• サービスワーカー。 使用説明書
• 次の就職面接のための包括的なJavaScriptリファレンス。 パート1
• 2018年にどのJavaScriptフレームワークを学ぶ必要がありますか？
• 2018年に注目すべきJavaScriptのトップトレンド
• DOMを変更する方法
• サイズが1TB未満のJSライブラリを作成しています 。 非常に小さなライブラリを作成するための小さなガイド
• 通常の絵文字とJavaScriptを使用して話す絵文字を作成した方法

• VueJS：
  • 2018年にReactではなくVueを選択する3つの理由
  • ブレークポイントを使用したVueアプリケーションのデバッグの基本的な紹介
  • Vue.jsと最新のブラウザー機能を使用して遅延読み込みルートを作成する
  

• 反応：
  • ReactとGatsbyで10分でブログを作成する方法
  • React、Apollo、GraphQLリンクのショートカットの作成： パート1 、 パート2
  • ReactとWebpackでCSSクラス名を難読化する方法
  • Reactソースコードを理解する-初期レンダリング
  

• 角度：
  • 開発者と企業がAngularを選択する理由
  • Firebaseを使用したAngular 5サーバーレンダリング-チュートリアル
  

おもしろい

• コンピューターの応答時間：1977−2017
• NYTによると、2017年の技術産業の成果と失敗
• 機械学習によるSEOの変化
• Google：Noindexディレクティブ、フォローは最終的にNoindex、nofollowになります
• 自由、責任、高給：Netflixでの仕事についてのDmitry Ocheretyany
• ニューラルネットワークを使用して破損した画像を修復する
A.

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

先週のダイジェスト 。
dersmollとalekskorovinが作成した資料。