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

フロントエンドエリアの有用なリソースと興味深い資料へのリンクを含むセレクションをご紹介します。

ウェブ開発

CSS

Javascript

ブラウザ

おもしろい

ウェブ開発

• Podcast Web Standards、Issue No. 58 ：Zhirnenky Firefox 52、Firefox OSの歴史、グリッドガイド、カスタムプロパティ、プログレッシブCSS改善、フォントメトリック、PWAツール、githubを返す、書類のインタビュー。
• RadioJSポッドキャスト問題47：すべてのポリマー
• W3Cはそのワークフローを更新します
• Web Audio APIクイックスタートガイド
• microicon-プレースホルダーとして使用できるSVGアイコンを持つマイクロサービス
• SVG 2の新機能を探る
• Web SVG-悪い瞬間
• [新しいツールを挿入]を学ぶ必要がありますか？
• ユニバーサルWebコンポーネント
• アンプとウェブ
• AMPに関する考え：Accelerated Mobile Project
• サービスワーカーのテスト
• できるからといってWeb拡張機能を構築する
• WebAssembly：Mozillaの内部

CSS

• フォントの最適化 。 最小のフォントファイルサイズを取得する方法
• CSSを使用したHTMLリンティング
• CSSグリッドレイアウト：
  
  
  • グリッド+フレックスボックス：Webレイアウトで最も強力なコンボ
  • CSSグリッドレイアウトとPostCSS：今すぐキス！
  • CSSグリッドレイアウト：新しいWebレイアウトモジュール
  • CSSグリッドで遊ぶ
  • Eric Meyer：グリッドへようこそ！
  • CodePenのグリッドレイアウト例のコレクション
  • CSSグリッドレイアウト-ブログ投稿ページテンプレート
  
  
• `vmin`の簡単な使用例
• EQCSSをどのように作成したか、そしてなぜあなたも多フィルを作成しようとするのか
• CSSの回想：機能する完全に正気でないアイデア
• ドロップダウンブロックにCSSトランジションを使用する
• CSSを使用して画像のグリッドを中央に配置できますか？
• CSS blur（）フィルターの白熱を修正
• CSSを使用したFacebook絵文字反応の実装
• 印刷スタイルについてHåkonWium Lie（CSSクリエーター）にインタビュー

Javascript

• TypeScriptでプロジェクトを約25万行に変換して生き残った物語
• JS開発用のツール
• Webスクロールの詳細については、 Microsoft Edge Developer Blogをご覧ください 。
• hyperHTML：Virtual DOMの代替
• 理論：
  
  
  • JavaScriptを学ぶのに最適な本は何ですか？
  • JS Foundationのエグゼクティブディレクター、クリスボーチャーズへのインタビュー
  • インターネット上の古いJavaScriptライブラリの使用の分析
  • JavaScriptライブラリの既知の脆弱性の頻度
  • クラスを使用するためのブックリファクタリングレガシーJavaScriptコード：良い、悪い、悪い
  
  
• 練習：
  
  
  • Neutrinoを使用してJavaScript開発を迅速に開始する
  • Next.JS + Reduxで同形/ユニバーサルアプリケーションを作成します
  • JavaScriptでNokiaのBounceゲームの仕組みを開発する
  • モジュラーJavaScriptの作成-パート2
  • アクティブな要素の移動インジケータを備えた手押し車とマウスの水平スクロールナビゲーションテンプレート
  
  
• ES2015 +：
  
  
  • ネイティブECMAScriptモジュール：移行用のnomodule属性
  • Node.jsの80/20非同期/待機ガイド
  • ES6の機能-10個のプロキシの例
  
  
• 反応：
  
  
  • Reactアプリケーションの基礎として取るもの
  • React + Router + Redux + Expressでユニバーサル/同形アプリケーションを簡素化
  • ポッドキャスト5minreact＃7-Preact 。 Preact-同じAPIとgzipで3kBのみを使用したReactの簡単な代替手段
  • Airbnb検索のReactへの翻訳
  • react2angular-AngularアプリケーションでReactコンポーネントを実装する簡単な方法1
  
  
• Vue：
  
  
  • Vue.jsコンポーネントスタイルガイド
  • おい！ Vue.jsについて聞いたことがありますか？
  • SVGとVue.jsを使用したインタラクティブなインフォグラフィック
  • 人々は私のVueのポイントにどのように反応しますか
  • overVue
  • Vue.jsのUIコンポーネントを使用したサンプルのコレクション
  • TestCafeによるVue.jsのエンドツーエンドテスト
  • vue-parallax-js
  • vue-recyclist-無限のスクロール
  
  
• 角度：
  
  
  • Angular 2とReactの比較
  • Angular 2でのマテリアルコンポーネントの使用
  • 過去1か月間のトップ2のAngular 2記事
  • Angularのイベントエミッター
  • Angular Gauge 1.2.0は、Angular JSアプリケーションおよびコントロールパネル用のセンサーコンポーネントを作成するためのカスタムディレクティブです。
  
  
• プラグインとライブラリ：
  
  
  • Numscrubber.js-マウスでドラッグして入力の数値を変更できます
  • eslint-plugin-compat-コードのブラウザーサポートを確認
  • franc-フラグメントによる言語テキスト定義
  • Service Worker Toolchain-サービスワーカーを作成/テスト/実験するためのユーティリティのコレクション
  • blurify -CSSモードまたはHTML5 Canvasモードをサポートする画像をぼかすための小さなライブラリ（CSSは利用できません）
  • webpack- blocks-機能付きブロックを使用したwebpack構成

ブラウザ

• Firefox 52：Web Assembly、CSS Grid、およびGrid Inspectorの紹介
• Firefox 52リリース Marat Tanalinのブログの開発者向けの詳細
• CSSグリッドとFirefoxグリッドインスペクターツールの発表
• マルチプロセスモードでのFirefoxのメモリ消費量の推定
• Chrome Web Browserリリース57
• Chrome 57の新機能
• DevToolsの新機能（Chrome 58）
• Samsung Internet Betaが登録なしで利用可能に
• Opera Miniについて話す必要があります
• 14の重要なChrome開発ツールのヒント

おもしろい

• アジアの別の10億人のユーザーがAMPを利用できるようになります
• GitHubの新しい使用条件が一般の人々を巻き込んだ理由：不要な感情のない状況の分析
• Googleニュース： Googleフォトに自動ホワイトバランス機能が追加され 、 Google Translateニューラル翻訳システムがロシア語で利用可能になり 、 Google CAPTCHAが非表示になりました：人気のreCAPTCHAシステムが更新され、 Google Machine Learning Technologiesがビデオ内のオブジェクトを認識するようになりました 。 さらに、 Googleはハングアウトを更新してSlackと競合しています。 しかし、混乱はまだ残っていた
• 「最も一般的なリクエストは何だと思いますか？」 Google翻訳Barak Turovskyのヘッド-サービスがどのようにニューラルネットワークに移行するかについて
• 科学者、暗号通貨マイニング、遠くの銀河の検索を支援：眠っているコンピューターのリソースを使用する方法
• Google Mapsが機械学習で駐車場の混雑度を判断する方法
• 開発時間の評価方法
• コンピューティングのトレンド：将来のコンピューターのプログラミング
• ポッドキャストヘックスレット、No。08。 ルネサンスと石器時代のプログラミング
• 開発者は、Stack Overflowで最も言及されている書籍のランキングを作成しました
• GitHubがプログラミングのキャリアに与える影響
• Windows 10 Cloudとは何ですか？なぜマイクロソフトにとってそれがそれほど重要なのですか？
• IBM Recordsによるコンピューター音声認識エラーの削減
• Flickrで洪水を予測するために教えられたニューラルネットワーク
• パスワード作成のルール-ナンセンス

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

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