前週のフロントエンドの世界からの新鮮な材料のダイジェスト第257号（2017年4月3日〜9日）

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

ウェブ開発

CSS

Javascript

おもしろい

ウェブ開発

• Podcast Web Standards、Issue No. 63： Safari TP、庭にグリッドがなく、リマインダーやメールがなく、新しいTwitter、最新のJS、便利なコード、AMPがニュースを壊します。
• フロンティアキポッドキャスト＃004 ：ビクタースーズダレフ、コードヒップスター、歴史的アプローチ
• フロントエンドテストの知識。 パート1 はじめに
• 独自の仮想DOMを作成する方法
• 空軍がスケーラブルなサイトを構築する方法：7つの基本原則
• 2017年のフロントエンドツールキットのステータス
• PWA：
  
  
  
  
  • PWA不吉な谷と安定したオフライン作業
  • Twitter Liteを作成した方法 。 mobile.twitter.comでのプログレッシブWebアプリの実装に関するTwitterのテクニカルノート。
  • プログレッシブWebアプリケーションがスタンドアロンになる前に考慮すべき3つのこと
  • プログレッシブWebアプリ：非技術マニュアルパート1 、 パート2
  • プログレッシブWebアプリのオフライン同期
  
  
  
• ブラウザ：
  
  
  
  
  • 新しいChrome開発ツールツールであるコードカバレッジを使用します。
  • すべてのユーザーに対して1つのブラウザー拡張機能を作成します：Edge、Chrome、Firefox、Opera、Brave、Vivaldi
  • Firefox DevToolsの簡単な歴史
  
  
  
• SVGフィルターを使用した設計のコツ：マスクぼかし効果
• 10行のHTMLコードの拡張現実
• AMPが理解できません 。 いくつかのポイントの説明
• 開発者向けの最新の等幅フォント
• エラーメッセージを利用可能にする方法
• Webpack 2チュートリアル 、初心者向けのWebpack APIを説明する一連のチュートリアルビデオ
• WebpackとRollup：類似しているが異なる
• JavaScript作成者のBrendan EichがWebAssemblyについて

CSS

• ブラウザからウェブマスターの日までの贈り物
• CSSグリッドレイアウト：
  
  
  
  
  • CSSグリッドレイアウト。 クイックスタート
  • Grid Garden -Flexbox Froggyに類似したCSS Grid Layoutを学ぶ楽しいゲーム
  • Edgeはグリッドの実装に取り​​組み始めました
  • グリッド駆動のドロップ相場
  • CSSグリッドを使用した純粋なCSSクロスワード
  
  
  
• 非表示のCSSパーツ
• レムとエム、そしてなぜあなたはそれらを必要としないのでしょうか
• CSS変数を使用してCSSプロパティをカスタマイズする
• ウェブポジショニング
• CSS3の相対および属性セレクター

Javascript

• JSのリアクティブ状態：FRPライブラリの実用的な概要
• RXリアクティブライブラリ
• 古代のWeb開発者向けの最新のJavaScript
• Node Debuggerを使用したJavaScriptデバッグ
• 基本に戻る：JavaScriptのステートメント、条件ステートメント、および関数
• function_invocation.js-関数を呼び出す11の方法
• SVG.jsでピンポンを作成する
• ES2015 +：
  
  
  
  
  • ES6以降の世界での正規表現
  • JavaScript Promisesの使用を開始する
  • Node.jsでの生の約束
  
  
  
• フレームワーク：
  
  
  
  
  • Matreshka.js 2-tl; dr
  • React、Angular2、Aureliaを比較する開発者の意見
  • Javascriptフレームワーク：客観性の無駄な試み
  • EmberConf 2017：現在のステータス
  • GlimmerJSを賞賛する理由
  
  
  
• 反応：
  
  
  
  
  • React Five Minute Podcast＃10 ：Reduxとローカル状態
  • React v15.5.0リリース
  • React Loadableの紹介
  • React + Redux Evolution
  • React Native：クロスプラットフォーム開発のもう1つの特効薬？
  • ReactXPの紹介-Reactでのアプリケーションのクロスプラットフォーム開発用に作成されたSkypeチームのライブラリ/フレームワーク
  • Reactour -React Interactive Component Guide
  • Reactレンダリングの誤解
  • Jestを使用したReactスナップショットのテスト
  • Redux Offlineの紹介 ：プログレッシブWebアプリケーションとReact Nativeのオフライン優先アーキテクチャ
  • 魅力的なビュー-PayPalのReact Componentsスタイリングソリューションに触発されたスタイルコンポーネントとjsxstyle
  
  
  
• Vue：
  
  
  
  
  • Vue.js 2の状態管理-はじめに
  • Vue.jsについて知っておくべき7つのこと
  • Vue.jsを使用した再利用可能なコンポーネントの作成：ボタンコンポーネント
  • Vue.jsを使用してカスタムWebコンポーネントを作成する
  
  
  
• 角度：
  
  
  
  
  • 結果ng-conf 2017： 1日目、2日目
  • 角度とアクセシビリティ
  • Angular v4：国データを使った実践的な作業
  • サーバーレンダリングを備えたAngular 4（Angular Universal）
  • Angularでの変更の定義について知っておく必要があるすべて
  • Angularでのパイプの使用
  
  
  
• ライブラリとプラグイン：
  
  
  
  
  • Tippy.js-軽量のツールチップライブラリ
  • embedo-ソーシャルネットワークからメディアを挿入するためのシンプルなプラグイン
  • BitArray.js -JavaScriptのブールフラグを使用した大きな配列の効率的な実装
  • UTIF.js-高度で高速なTIFFデコーダー
  • タブ間-ブラウザータブ間の簡単な通信（クロスオリジンサポート）
  • Sonnetは、複雑なニューラルネットワークを作成するためにTensorFlowに基づいて作成されたライブラリです。

おもしろい

• 重要なマイルストーン：AndroidはWindowsをバイパスし、Webでナンバーワンのプラットフォームになりました
• UbuntuのGNOMEへの復帰、Ubuntu PhoneとUnity 8の開発の停止-ダウンサイジング-Canonicalは大きな変更を受けました
• Googleはニュースアグリゲーターと検索エンジンにファクトチェックを追加しました
• MozillaがFirefox UIアップデートを準備
• MastodonはオープンソースのTwitterライバルです
• 熱意の理論：ユーザーがジュエリーを好まないのに、思慮深いインターフェイスを好む理由
• チャットボットは昨年の誇大広告を正当化しませんでした
• コンピュータは、どの言語で脳と直接通信できますか
• 人間の遺産を保存する「アーク」
• バーチャルリアリティとは何ですか：プロパティ、分類、機器-エリアの詳細な概要
• 何かがうまくいかなかった：6つの有望なスタートアップの失敗の物語
• コンピュータウイルスにより、ユーザーはゲームにアクセスしてファイルにアクセスする必要がありました

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

← 先週のダイジェスト

ダースモールとアレクスコロビンが作成した資料