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

フロントエンドエリアとその周辺の新しいマテリアルへのリンクを含むセレクションをご紹介します。

ウェブ開発

CSS

Javascript

おもしろい

ウェブ開発

• Podcast Web Standards、Issue No. 70 ：Firefoxのマーケティング、npm 5のキャッチアップ、アクセシビリティ、ショートとショーの理由、CSS-in-JS、WebpackとSPA、グリッド、初心者向け。
• フロントエンドウィークエンドFW＃4ポッドキャスト-1年でフロントエンドスターになる方法
• Devschacht Podcast、 第3号
• ポッドキャスト5分間の反応＃18-pnpm
• なぜBEMが必要なのですか？ -HTMLショーツ
• Web、Vitaliy Zyuzin向けのグラフィックスエクスポート-HTML Academy
• 風水フロントエンド。 パート3
• フロントエンド開発の未来は何ですか？
• サイトはどのくらいの期間存在する必要がありますか？
• ウェブを複雑にしすぎていませんか？
• REST 2.0はすでにここにあり、その名前はGraphQLです
• 性能：
  
  • Chrome DevToolsパフォーマンス分析リファレンス
  • バブルを超えて：実世界のパフォーマンス
  • フロントエンド最適化ハンドブック -O'Reillyのフロントエンド最適化ツールとプロセスに関する無料のPDFブック
  • Gtmetrix WordPressブログ最適化ガイド
  • asm-dom-パフォーマンスに焦点を合わせた最小限のWebAssembly仮想DOM
  
  
• ツール：
  
  • Webpack Philosophyの紹介
  • Npm v5.0.0がリリースされました：オフラインモードでより高速になり、デフォルトで--saveおよびlocfile
  • Webpackラーニングステージパート2-構成
  • DevToolsの新機能（Chrome 60） ：詳細な監査パネル、サードパーティリソースの注釈、コンソールの多くの改善点
  • HTMLレターを操作するためのツール
  
  
• PWA：
  
  • Webサイトの高速化：プログレッシブWeb AMPの仕組み
  • 現実世界のプログレッシブWebアプリケーションを探索する
  • PWAを作成する正しい方法
  • JavaScriptフレームワークのコンテキストでPWAを作成する
  • Hacker NewsをプログレッシブWebアプリとして実装する
  • 形状検出API：画像内のバーコード、顔、およびテキストの定義
  
  
• 可用性：
  
  • ARIAの詳細。 すべてのアクセシビリティ問題の理由と解決策
  • ヘッダーとランドマークが重要なのはなぜですか？ -A11ycast＃18の最新リリース
  • EdgeHTML 15のアクセシビリティの改善
  
  
• SVG：
  
  • SVGの基礎は何ですか
  • snap.svgプラグインであるSnapAnimationStatesを使用したSVGアイコンの高度な作業
  • react、topojson、d3-geoを使用してSVGでインタラクティブマップを作成する方法
  
  
• 壮大なウェブ：
  
  • インタラクティブなホバーフォーカス効果
  • WebGLとreglを使用して美しくアニメーション化されたドット
  • モーフィングスクロールの背景図形
  • SVGでのGifマスキング
  • 純粋なCSSでネオンテキストを実行する
  
  

CSS

• moscowcss_3からのビデオ
• CSS SOLIDソリューション： パート1 、 パート2 、 パート3
• 統一されたスタイリング言語
• フレックスボックスの仕様を読んで学んだ11のこと
• 10分でFlexboxを学ぶ方法
• CSSレイアウトを理解する良い機会です 、レイチェル・アンドリューは私たちに言います
• CSSアーキテクチャとベストプラクティス 、ZURB Foundation CSSレッスンシリーズチュートリアルビデオシリーズ
• Angular Materialのネイティブテーマ

Javascript

• 信じられないほどのJavaScript-トリック、誤解、珍しい機能
• JavaScript：スタイル要素
• 純粋なJavaScriptトランスデューサーパス
• エキゾチックなJavaScript環境での人生と驚くべき冒険
• Podcast Minute React ＃19-React Europe and Holy JS
• f（火曜日）：はじめに JavaScriptでの関数型プログラミングに関する一連の記事
• V8での遅延JavaScript解析 。 Matt Zeunertの翻訳：V8での遅延JavaScript解析。
• MinskJS Meetup＃2からのビデオ
• トップ7 JavaScriptフレームワーク
• Lodashの高階関数
• JavaScriptモジュールの状態
• JavaScriptと拡張演算子
• JavaScriptのイベントバブリングとは何ですか？ イベントの伝播の説明
• JavaScriptでのデータ管理と視覚化の概要
• JavaScriptを使用した非同期依存関係の管理
• 色収差-色を操作するためのユーティリティの簡単なセット
• ツール：
  
  • JavaScriptバンドルの短い不完全な履歴
  • JavaScriptフレームワークの単体テスト：Jasmine、Mocha、AVA、Tape、Jestの比較
  • iD3-D3.js用のIDE
  
  
• 反応：
  
  • Reactコンポーネントを再利用する方法（翻訳）
  • スタイル付きコンポーネントv2の発表
  • Reactでプロジェクトを構成する方法
  • React VRアプリケーションの作成
  • React Forms：参照の使用
  • react-live -Reactコンポーネントのライブ編集用のサンドボックス
  • エディター -ステロイドのカスタマイズ可能なWYSIWYG（ReactおよびRedux）
  
  
• 角度：
  
  • Angular 2+のフォームとカスタム入力フィールド
  • AngularおよびReactでセマンティックコンポーネントを作成する
  • 角度コントローラーをES6クラスに変える
  
  
• Vue：
  
  • Vue状態管理：Vuexの使用を開始する
  • ReactからVue.jsへの切り替え
  • AngularJSからVueに移行する方法
  
  

おもしろい

• 参照できる記事：ブロックチェーンとは
• スタックオーバーフローによりVimから100万人を超えるユーザーが撤退
• WannaCryの結果：Habrahabrだけでなく、基本的な材料の選択
• ITブックの評価2017
• MicrosoftがWindows開発をGitに翻訳
• Googleはディスプレイ広告をAMPに自動的に変換します
• Facebookは、インスタント記事、AMP、Apple Newsを統合するためのソリューションを作成しました
• ニューラルネットワークは料理の本を書きました
• 三角法で破滅したシャパレリ
• 2017年の4つの最も重要なGoogleランキング要因
• XXI世紀の奴隷 。 世界経済：サイボーグは給料を支払わなければなりませんか？
• マイクロソフトでのインターンシップはどうですか-学生ストーリー
• MP3は死んだ？ 長いライブMP3！
• Chromeが勝ちました
• サタンは死の金属でHTMLを説明します

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

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