前週のフロントエンドの世界からの新鮮な材料のダイジェストNo. 251（2017年2月20〜26日）

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

ウェブ開発

CSS

Javascript

ブラウザ

おもしろい

ウェブ開発

• Podcast Web Standards、Issue No. 56 ：新しいChrome、貧弱なBase64、WebKitデバッガー、ブラウザーのESモジュール、Node.jsおよびWebpack、落ち着いたUI、魚の本、CSS変数。
• 2017年は、フロントエンド開発者が基本に専念すべき年です
• 2月18〜19日にミンスクで開催されたビデオ会議The Rolling Scopes 2017の録音
• 新しい見出し要素が必要ですか？ わからない
  
• 現実世界でのHTTP / 2速度のテスト （WordPress、多くの写真とプラグイン、H2あり/なし、CDNあり/なしのテスト）
• キャッチするのが難しいインタラクティブな要素をデバッグするために、デバッガーに遅延を追加するトリック
• Webpackの詳細な紹介
• パフォーマンス監査とnytimes.comボトルネックの特定とそのすべて
• VoiceOverとアクセシビリティの使用を開始する
• ツールバー、キーボード、およびビューポート
• HTML5のフォーム属性（パート1）
• コードレビューチェックリスト
• HTML5ロボット 。 面白いロボットが正しいタグを教えてくれます
• FLIPの原理 （最初、最後、反転、再生） を使用して60 FPSアニメーションを達成する
• flatris-ウェブベースのテトリス-React / Redux、React Cosmos、PWAアーキテクチャとオフラインサポート
• Canvasでゼリーの形を描いてアニメーション化する
• WebAssemblyロゴコンテスト優勝者

CSS

• Flexboxの仕組みの詳細-大きくカラフルなGIFについて説明
• 秘::個別のCSS変換関数
• 2つの新しい最初のパブリックCSSドラフト
• CSSビューポートユニットの予期しないパワー
• メディアクエリ以外のレスポンシブデザイン
• メディア表現なしのレスポンシブCSSパターン
• Element Queriesが大好きな理由
• CSSで使用するSVGクリッピングパスのスケーリング
• 可変フォント
• 可変フォントの使用を開始する
• CSSグリッド：新しいマークアップの学習
• ブロック位置合わせチートシート
• CSS Transitionend Eventsのニュアンス
• CSSでの再帰の理解と適用
• CSSアニメーションを専門的に使用する方法
• Propeller -GoogleのMaterial Design Standards＆Bootstrapに基づく別のフロントエンドフレームワーク
• spacegrid-シンプルで応答性の高いグリッド

Javascript

• Emoji.prototype.length-Unicodeの感情記号に関するストーリー
• Neutrinoを使用した最新のJavaScriptアプリケーション
• JavaScriptで関数型プログラミングを学ぶ理由
• 怠zyな開発者向けの機能的なJavaScript（私のような）
• JSモジュール、フォーマット、ローダー、およびビルダーに関する10分間のガイド。
• 私たちは巨大な筋肉で遊ぶ 。 JSの基本に戻る
• RxJSのアニメーションの紹介
• クイックヒント：FlexboxとjQueryを使用してユーザーリストを並べ替える
• babel-preset-env：Babelを設定するためのプリセット
• Ember.jsでクールなフォームを作成する
• SPAにはどのスタックを使用すればよいですか？
• フロントエンド：Angular vs. React vs. Vue
• ES2015 +：
  
  
  • FirefoxのECMAScript 2016+
  • async / awaitを使用する前にプロミスに対処する
  • 非同期/待機であっても、純粋な約束は競合するリクエストに最適です
  • ES6 JavaScriptの数値型について知っておくべきこと
  • ES6マップについて知っておくべきこと
  
  
• 角度：
  
  
  • AngularJS 1.xの基本（パート2）
  • angular.moduleからngModuleへ
  
  
• 反応：
  
  
  • Reactはコンポーネントを再描画することをどのように決定しますか？
  • Reactの10のミニパターン
  • Redux-Action-Recomposeを使用してReduxアプリケーションをスケーリングする方法
  • boundless.js-Reactアプリケーション用のUIを備えたコンポーネント
  • Reduxクエリビュー
  
  
• Vue：
  
  
  • Vuexでアプリケーションの状態を管理する
  • 異なる視点
  • トップ3 Vue.js 2オンラインコース
  • VueJSでのルーティングの仕組み
  • Vue-geb-グローバルイベントバス
  
  
• ライブラリとプラグイン：
  
  
  • JavaScriptでの画像処理
  • ReactiveMaps-リアルタイムカード用のUIコンポーネントのセット
  • React Select-オートコンプリートとAJAXをサポートする高度にカスタマイズ可能なマルチセレクター
  • unfetch-フェッチのための最小限のポリフィル
  • AR.js -ARToolKitを使用したWebの拡張現実- モバイルで60 fps
  • Dwitter-最小限のコードでキャンバスにレンダリング
  • walletjs-金額を扱うための小さなライブラリ

ブラウザ

• Firefoxは新しいSnoozeTabsおよびPulse機能のテストを開始します
• Chrome 57はDRMを無効にできません-著作権保護メカニズム
• Chromeでモバイルエミュレーションモードを使用する方法
• Bliskブラウザ-「すべてのWeb開発者の夢」

おもしろい

• AMPページは、Google.ruのメイン号に掲載されました。
• GoogleのエンジニアがグローバルファイルシステムUpspinを導入しました
• 脆弱性が原因で、Cloudflareサービスは数か月にわたって顧客データを漏らしました
• ニューラルネットワークは、猫の絵を「活気づけます」。 気味が悪い
• ブロックチェーンの原理の最も理解可能な説明
• Googleはサービスへのアクセスを許可しており、コメントでトローリングのレベルを測定しています。
• ミームライフ：インターネットの面白い写真で誰がどのようにお金を稼ぐか
• ITリクルーターへの公開書簡
• アルゴリズムアートとは何ですか：モーツァルトとライヒから「神経防御」まで
• 「グローバル化のための戦い。」 マーク・ザッカーバーグは、彼のソーシャルネットワークの新しい開発ベクトルについて話しました
• GoogleとMozillaは、ウイルス対策がHTTPSプロトコルのセキュリティを低下させると言う
• アルゴリズムが生活に与える影響
• ビル・ゲイツ：ロボットは人を連れ去るため、税金を支払わなければなりません

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

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