前週のフロントエンドの世界からの新鮮な材料のダイジェストNo. 241（2016年12月12〜18日）

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

ウェブ開発

CSS

Javascript

ブラウザ

おもしろい

ウェブ開発

• 100言語を話すようにWebアプリケーションを教える方法：ローカライズ機能
• W3C Webプラットフォームの年間業績
• クライアント側ストレージの概要
• クライアント側のレンダリングが成功した理由
• FuseBoxは、webpack、JSPM、SystemJSの機能を組み合わせた新しいバンドラー /モジュールローダーです。 「猛烈に速い」（c）
• Progressive Web Appをご覧ください 。 リソース選択
• ポリマーチートシート
• HTML5クロスブラウザフォーム検証がついに機能します！ 今何？
• HTMLメールの開発の制限-ビデオ、フォント、Javascript、Flashなど
• メーリングリストのWebフォント （ Webフォントの究極のガイド）
• インラインSVGがベストSVGである理由（インラインSVGがベストSVGである理由-フロントエンドセンター）
• フロントエンド開発者も情報アーキテクチャに関与しています （フロントエンド開発者も情報アーキテクトです）
• アクセシビリティ：
  
  
  • EUがアクセシビリティテストの法律を制定
  • アクセシビリティを指すHTMLの作成。 （アクセシビリティを考慮したHTMLの作成）
  • インターンツールを使用した可用性テスト
  • 手頃な価格のWebチャットを作成するためのテンプレート
  
  
• 性能：
  
  
  • Prefetch、Preconnect、およびPrerenderを使用したブラウザーのリソースのヒント （ブラウザーリソースのヒント）
  • モバイルコンテンツ公開フォーマットのガイド：AMP、Facebookインスタント記事、およびAppleニュース
  • ページのレンダリングを高速化するためのオプションの1つとして、ASYNCではなくDEFER
  • HTTP / 2サーバープッシュおよびサービスワーカー：完璧なパートナーシップ

メディア

• Podcast Web Standards、Issue＃46 ：Edge、Safari、学習、メッセージのコミット、アニメーションとレンダリング、CSSのCSS、誇大広告、進歩的な改善のための新しい場所。
• Podcast radioJS、Issue 44 ：CheckersまたはEmber.js？
• ミンスクCSSのビデオ、Meetup＃1
• Fronteers Conference 2016ビデオ

CSS

• 忘れていた印刷用のCSSスタイル
• CSSでブレークポイントを作成する100％正しい方法
• アンチパターンとしてのCSSの短い表記
• グリッドが来ています！
• CSSの20年
• CSS Backdrop-filterを使用した画像のクールな効果の作成
• background-clipとbackground-originの違いは何ですか？
• CSSの賞賛 （ CSSの成果）
• ブートストラップ4：Flexboxの通常のグリッドとグリッド
• CSSプリプロセッサを使用しない理由
• 一般的なスタイルシートを使用したWebコンポーネントのスタイル設定
• stylelintを使用したJavaScriptのスタイルlinint
• CSS変数を使用した3D空間での要素の自由な回転
• これらのCSSのものを使用してみることができますが、そうすべきですか？
• CSSクリップパス付きの多角形ポケモン

Javascript

• 最近のリリース： CanJS 3.0 、 新しいビッグリリースAurelia 、 webpack 2.2：RC 、 リリースRxJS 5
• Marionette.jsは5歳です
• 純粋なJavaScriptコーディングのベストプラクティス
• javascriptは単純だと誰が言ったのですか？
• コース：フリスビー教授が構成可能な関数型JavaScriptを紹介
• 純粋なJSでドラムキットを作成する。 ＃JavaScript30
• JSコミュニティにはいじめの問題があります
• Lee Veruからの奇妙なトリックの助けを借りて、外部の約束を解決します。
• Jestでテストするためのサンドボックス
• 角度：
  
  
  • Angular 2をリリースしたばかりで、Googleは3.0のリリースを発表し、今度はフレームワークの4番目のバージョンを間もなくリリースすると発表しました。
  • 次はAngular 4.0またはAngularになります
  • Angular 2のコンポーネント継承
  • Goodbye 2016とgoodbye Angular （Bye 2k16とBye Angular）
  • Angular 2でKendo UIを使用する
  
  
• 反応：
  
  
  • React VRプレリリースプレゼンテーション
  • React開発者として学んだ11のレッスン
  • Universal Reactレンダリング：SitePointの再設計方法
  • 何千ものReactカラーコードの視覚化
  • React Fix It-エラーからテストを自動的に生成します。
  • メインのReactJSアプリケーションの外部でコンポーネントをレンダリングする方法
  • redux-subscriber-redux状態の任意の部分の変更にサブスクライブします
  • JestとEnzymeを使用したReactコンポーネントのテスト
  
  
• Vue：
  
  
  • Vuetify：A Vue.js 2.0のコンポーネントフレームワーク
  • ReactではなくVue.jsを選択した理由 （ ReactではなくVue.jsを選択した理由 ）
  
  
• プラグイン
  
  
  • Voca Announcement：Ultimate String Library
  • JavaScript State Machine：JavaScriptで状態を操作するためのライブラリ
  • ズーム-画像を拡大するための高度なコンポーネント
  
  

ブラウザ

• Vivaldi 1.6の最終バージョン-タブでの作業
• Microsoft Edge Browserは、Windows 10 Build 14986で支払い要求APIサポートを受け取りました
• Microsoft EdgeはデフォルトでFlashをブロックします
• SmartScreenメッセージの偽造を許可するMicrosoft Edgeブラウザーで見つかったバグ
• Opera 42ウェブブラウザリリース
• Chromium 55およびOpera 42の新機能
• Chrome DevTools：Chrome 57でのJavaScript CPUプロファイリング

おもしろい

• Slackがビデオチャットを開始し、通話中に絵文字を使用できるようになりました
• AMD Ryzen：アーキテクチャの詳細と公開デモ
• マトリックス仮説：今すべてが深刻
• マイクロソフトは、書かれたコンピューターをトレーニングするためのデータセットへのアクセスを公開しました
• GoogleはAndroid Things IoTプラットフォームの最初のバージョンを発表しました
• 変数名「i」が人気になったのはなぜですか？ ネタバレ：イテレーターという言葉のせいではない
• Facebookはニュースの真実性をチェックするためにABC Newsとさらに3社を雇った
• マイクロソフトの翻訳者が言語の壁を取り除きます
• Yahooは3年前に10億個のパスワードの漏洩を認めた
• Evernoteの従業員は、機械学習を改善するためにユーザーノートを読みたい
• 8800以上のWordPressプラグインには少なくとも1つの脆弱性が含まれています
• Pebbleがなくなった理由（内部）
• 2030年の予測：世界を最も変える21のテクノロジー
• ニューラルネットワークの基礎に関する視覚的かつインタラクティブなガイド

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

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