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

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

ウェブ開発

CSS

Javascript

ブラウザ

おもしろい

ウェブ開発

• Podcast Web Standards、Issue No. 57 ：Safari TP24、2017年のブラウザー、カスタムプロパティ、すばらしいHTMLヘッダー、神経質なオープンソース、W3C対WHATWG。
• 詐称者症候群：フロントエンド疲労の戦い
• Visual Studio Code 1.10アップデートがリリースされました
• フロントエンド会議からビデオを見る方法
• 2017年のフロントエンドツールキットの動向
• フロントエンドでの関数型プログラミングについて
• ebaytechblog：効果的なフロントエンドコードレビュー
• 性能：
  
  
  • ブラウザーのフロントエンド最適化
  • ユーザータイミングAPIを使用したパフォーマンステスト
  • 2017年の適応画像の状態
  • Rel = Chrome Data Saverチームからのプリロード分析
  
  
• WebAssembly：
  
  
  • WebAssemblyテクノロジは、デフォルトでブラウザに含める準備ができていると認識されています
  • WebAssemblyのイラスト入りの紹介
  • WebAssemblyモジュールの作成と紹介
  • WebAssemblyの高速化の理由は何ですか？
  • WebAssemblyは今どこにあり、次は何ですか？
  
  
• JSONとは何ですか？ 入門と初心者向けガイド
• 独自のプログレッシブ画像ダウンローダーを作成する方法
• プロダクションのプログレッシブWebアプリライブラリ

CSS

• CSSイメージを作成すると、レイアウトデザイナーが良くなります。または、長い冬の夜に自分でどうするか
• 不明なCSS深度：フォントメトリック、行の高さ、垂直方向の配置
• カスタムCSSプロパティ。 基本
• 2月会議のピターチス10号
• スケーラブルなCSS命名規則
• ブレークポイント：ボックスに入れないでください 。 レスポンシブデザインでのブレークポイントの調和について
• CSSグリッドレイアウト：
  
  
  • 基本的なグリッドレイアウトの概念 、MDNに関するレイチェルアンドリューの記事
  • コドロップに関するHui Jing Chenの包括的なCSSグリッドレイアウトチュートリアル
  • CSSグリッドレイアウトの学習
  • 関連するCSSグリッド学習リソースの選択
  • Grid + Flexbox：Webマークアップに最適な組み合わせ
  
  
• Flexboxでレスポンシブメッシュを作成します
• CSSの線形勾配を本当に知っていますか？
• サイトに重要なCSSを実装する
• コンテナクエリについて
• 壮大なビデオスタイルのテキストアニメーション
• CSSホバーブロック境界線アニメーションの例

Javascript

• ReactまたはVue？ フロントエンド開発用のライブラリを選択する
• ハンバーガーパーティーの例の約束
• Node.JSでプロジェクトをゼロからセットアップします。 javascript.ninjaプロジェクトのNode.JSコースの一部としてのビデオ
• MinskJS Meetup＃1
• Babel 7（WIP）へのアップグレード
• クイックヒント：JavaScriptでオブジェクトの配列をソートする方法
• ＃Javascript30から学んだすべて
• 2017年にJavaScript開発の問題を解決するために提案されたマップ
• ECMAScript 4時代の本当の物語
• JavaScriptバッテリーAPIの使用
• 5知っておくべき高度なJavascriptとデバッグのテクニック
• Angular 2でのルートのテスト
• どのようにして200K + LOCプロジェクトをTypeScriptに移行し、このストーリーを伝えるために生き残ったのか
• すべてのホットリブート！ 。 Webpackを使用して、より生産的な開発のためにバックエンドおよびフロントエンドでホットモジュール交換を実現する方法
• 非同期JavaScriptと遅延JavaScript
• 反応：
  
  
  • ポッドキャスト5minreact＃6-React 15.5および16 Umbrella
  • Reactの6つの礎石
  • Reactでフォームを操作する方法
  • 大きなReactコードベースをCoffeescriptからES6に変換する
  • 機能的なsetStateは将来のReactです
  • Reactのパフォーマンスの最適化：パート2
  • Reactでの依存関係処理の改善
  • Reduxでデータを操作しながら学んだ3つのこと
  • eslint-plugin-jsx-a11y -JSX要素のa11yルールをサポートする静的アナライザー
  
  
• Vue：
  
  
  • Vue.jsのBEMクラスジェネレーター
  • Vue.jsをバージョン2.2に更新します
  • SVGとVue.jsを使用して短編小説を作成する
  • Vue.js 2を使用してTo Doアプリケーションを作成する
  • 概要：モバイルハイブリッドアプリケーションを作成するためのVue.jsフレームワーク
  
  
• プラグインとライブラリ：
  
  
  • プルして、Webの実装をリロードします 。 モバイルとウェブの残りの両方で動作します
  • neurojs-ブラウザーでの深層学習のためのJavaScriptフレームワーク
  • Store.js-ブラウザーでリポジトリを操作するためのライブラリの2番目のバージョン
  • アンカー -テキストで見つかったリンクをアンカーリンクに変換するためのライブラリ
  • BigPicture.js-サムネイルをクリックしてポップアップパネルで画像/動画を表示できる機能を備えたプラグイン （BigPicture.js-軽量JavaScript画像/動画ビューア。YoutubeとVimeoをサポートしています。）

ブラウザ

• Firefoxはコンテキストコンテナのテストを開始します
• V8：舞台裏（2月。TurboFanStory）
• Linuxではどのブラウザが最速ですか？
• SafariはIEを模倣してユーザーを失います

おもしろい

• Mozillaは、Pocketの遅延読み取りサービスを取得しました 。 遅延読書Pocketのサービスをどのように開発し、Mozillaの販売後に何が変わるか
• HTTPSがHTTPをバイパスする：安全なプロトコル配布が転換点に到達
• Yandexは最も高価なRunet会社として認められています
• Ryzen 7：待望のトリオの世界リリース
• CoinDesk：ビットコインのレートが初めて金の価格を超えました
• 自体：Amazonクラウドサービスは従業員の過失により失敗しました
• 「空港でバイナリ検索ツリーのバランスを取るように求められました」
• 予算IoT。 電球を節約し、ホームガジェットを組み合わせてSiriをトリックする方法
• デジタル遺産：死亡後のアカウントはどうなりますか
• 無料のHTML5およびJavaScriptゲームエンジン
• 警戒ロボットが立派な市民のために問題を作成する方法
• Boston DynamicsがHandle Wheeled Robotを正式に発表
• NASAは宇宙空間での宇宙飛行士シミュレーターおよび他の多くのソフトウェアを公開しました
• 1年未満：GoogleがSpacesメッセンジャーを終了
• 開発者はGoogle音声認識を使用してGoogle CAPTCHAをバイパスします
• 「IT企業は大きすぎて正直ではありません。」
• ITの悲観論を養うものは何ですか？
• ニュージーランドは、IT専門分野の志願者に国への無料旅行を提供しました
• AppleとGoogleの違いは、特許を使用して説明した

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

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