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

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

ウェブ開発

CSS

Javascript

ブラウザ

ニュース

ウェブ開発

• Podcast Web Standards、Issue＃19 ：CSSおよびHTMLセマンティクス、CSSコンテンツ、SVG、Web、およびアプリケーションに役立ちます。
• HTMLレイアウトデザイナーは何を知っているべきですか？
• フロントエンドのフリーランス開発者が直面するサービスは何ですか？ アントン・ネムツェフとのインタビュー
• プログレッシブWebアプリケーション：
  
  • プログレッシブWebアプリケーション-レスポンシブデザインの開発の初期にあった間違いを繰り返さないようにしましょう
  • PWAディスカバリー：あなたは何も見ていません （PWAディスカバリー：あなたはまだNothinを見ていません）
  • PWAを使用する際の開発者の問題とタスク （開発者はプログレッシブWebアプリに関する問題と懸念を表明）
  • Progressive Web Appsで無責任にiOSメタタグを使用しないでください
  
  
• ツール：
  
  • AMPページを検証するChromeアドオン
  • Chrome DevToolsブレークポイントを使用したJavaScriptデバッグ
  • SafariのWebインスペクターを使用したメモリ消費のデバッグ （ Webインスペクターを使用したメモリデバッグ）
  • DevTools Digest：2016年以降のDevTools
  • Mozillaが開発者がJavaScriptエラーに対処するのをどのように支援するか （ JavaScriptエラーで Web開発者を支援）
  
  
• Shadow DOM v1の新機能（ 例） （Shadow DOM v1の新機能）
• ブートストラップ4：視覚的なガイドとイノベーションの概要 （ブートストラップ4：視覚的なガイド）
• Gulp JSで開発を自動化 （ Gulp JSでワークフローを自動化）
• CloudFlareがcf-uiを導入-オープンUIフレームワーク
• SVG Onlineのホスティングが難しい理由（...とその方法））
• SVGを使用してマスクを定義するコンテキストでのプロパティと属性について（SVGマスキングの詳細-プロパティと属性）
• MINDパターン -eBayアクセシビリティブック
• コードレビューの重要性（ コードレビューの重要性）
• Gitに飛び込む：Gitのブランチ （ジャンプスタートGit： Gitのブランチ ）
• d3.jsを使用した視覚化のデータに基づく一意のグラデーション （ d3.jsを使用した視覚化のデータベースの一意のグラデーション ）
• CSS / SVG / JS＃41の美しいエフェクトの毎週の選択

CSS

• 新しいドラフトレベル4疑似要素CSSモジュール
• CSSマジック。 第3章表 。 CSSの魔法の章の翻訳
• セマンティックCSS 。 Jonathan SnookのセマンティックCSS記事の翻訳
• CSSグリッドレイアウトと配置された要素 。 CSSグリッドレイアウトと配置済みアイテムの翻訳
• BEMとの戦い：10の最も一般的な問題とその解決方法（パート1）
• 基本スタイルのオーバーライドを避ける
• AMPロードマップページのFlexboxラバーリスト
• AOS：ページをスクロールするときにCSSアニメーションを実装するためのライブラリ
• インタラクティブなデータ視覚化：viewBoxのアニメーション化
• CSSの使用方法を変える4つの機能
• 機能的なCSSの合理化
• FlexboxでニュースWebサイトのレイアウトを作成する方法
• クイックヒント：z-indexと自動マージンがFlexboxでどのように機能するか
• CSSの特異性
• EQCSS-要素クエリを操作するためのCSS拡張ライブラリ
• Learn Sass（codeacademyのコース） （Learn Sass）
• Sass Deprecate-古いコードを通知するSass mixin （Sass Deprecate）
• 中国語のテキストはさまざまなサイズとフォントで表示されます：中国のフォントの問題

Javascript

• JavaScript Asynchrony：理解したい人のためのハンドブック
• jQuery 3.0最終リリース
• 関数型JavaScript入門：パート1
• ReactEurope 2016のビデオ： 1日目、2日目
• JavaScriptの7つの驚くべき「プロパティ」 （7つの驚くべきJavaScriptの「機能」）
• 静的型に関する衝撃的な秘密
• TypeScript、WTF？！
• 私はTypeScriptについて間違っていました、そしてそれが理由です （私はTypeScriptについて間違っていました、ここが理由です）
• JavaScriptを純粋にする
• JavaScriptでのオブジェクトの作成：パターンとベストプラクティス（JavaScriptオブジェクトの作成：パターンとベストプラクティス）
• Web Storage：セッショントークンの弱点
• 独自のタグ付けシステムをゼロから作成（独自のタグ付けシステムをゼロから作成）
• デフォルトの小道具にキーが必要なのはなぜですか（ReactJS）
• lernajs -JavaScriptでマルチバッチプロジェクトを管理するためのツール
• ES6：
  
  • ESモジュールとNode.js：ハードチョイス
  • ES6クラスが存在する理由と現在の理由
  • ES6で置き換え可能な10個のLodash機能（ES6で置き換え可能な10個のLodash機能）
  • 約束：すべての間違った方法
  • 矢印関数を使用しない場合
  • クリーナーjs約束のための6つのヒント（クリーナーjavascript約束のための6つのヒント）
  
  
• フレームワーク
  
  • ReactJSを既存のWebアプリケーションに追加する方法
  • Reactにマップされた角度ディレクティブ（Reactにマップされた角度ディレクティブ）
  • React Nativeの使用：1年後
  • React.jsアプリケーションのスケーリング（ React.jsアプリケーションのスケーリング）
  • trixlyは、 Angular 2とReactのユニバーサルスターターキットです。Mocha＆Chaiでのテスト、コードの改善のためのTSLint品質、BabelによるES5への互換性のためのトランスピレーション）
  • 角度コードレビューチェックリストのチェックリスト
  • Angular 1.5ライフサイクルフックへの包括的なダイビング（Angular 1.5ライフサイクルフックへの包括的なダイビング）
  
  
• 教訓：
  
  • Node Hero-Node.js ユニットテストレッスン （Node Hero-Node.jsユニットテストチュートリアル）
  • Websocketとサーバー送信イベントを使用したリアルタイムアプリの作成
  • PeerJSを使用したWebRTC ビデオチャットアプリケーションの作成 （ PeerJSを使用したWebRTCビデオチャットアプリケーションの構築）
  • FeathersJSで既存のリアルタイムAPIを作成する方法 （ FeathersJSで既存のリアルタイムAPIを作成します）
  
  
• プラグイン
  
  • chillout.js-非同期反復を使用したJSによるCPU使用量の削減
  • lodash-bound -ES bind（：:)構文でlodashチェーン機能を有効にします
  • is.js-データをチェックするための最小限のライブラリ
  • seen.js-SVGまたはHTML5 Canvasで3Dシーンをレンダリングします。 （3DシーンをSVGまたはHTML5 Canvasにレンダリングします。）
  
  

ブラウザ

• ブラウザで画像のサイズを変更します。 すべてが悪化する可能性があります
• Firefox 47リリース 、 Web開発者向けテクニカル リリースの 詳細
• Firefox 48-betaおよびFirefox Developer Edition 49のテスト
• Opera 38ブラウザリリース Chromium 51およびOpera 38の新機能
• Chrome 51には、HTTP / 2を使用できないという問題があります
• Opera 38の安定版には、ラップトップの温度を3度下げる省エネモードがあります
• Firefoxはデフォルトでマルチプロセスモードを有効にする予定
• Microsoft Edge WebGLエンジンのオープンソースが始まります
• Yandex BrowserがZenのヒントを取得

ニュースと面白い

• Yandexはrobots.txtファイルの処理に変更を加えました
• Google：AMPページの広告は、視認性とクリック率が高い
• Googleはヒラリー・クリントンを支持して操作したとして非難された
• デザイナーの才能を開発します
• インドは国家安全保障上の理由でストリートビューを禁止しました
• 「VKontakte」は、ユーザーの新しいデザインへの強制移管を開始しました
• 欧州の投資家が好きなスタートアップ：TNW Europe 2016のトップ20のベストプロジェクト
• MySpace、LinkedIn、Tumblrからデータを漏洩したハッカーは、3億7,900万のTwitterアカウントを販売しています
• どうしても「10」：Windows 10に移行しなかったのはなぜですか？
• Google Playミュージックは、現在の瞬間に一致する「正しい」音楽を選択することを学びました
• 全世界-エネルギー問題の地図
• スターウォーズのファンのように、彼は国家の言語、ゲーム・オブ・スローンズを思いついた
• 50万ドルを拒否し、投資家を怒らせ、スタートアップを閉鎖した理由
• 注意深く耳を傾けています。 Daniil Turovsky-ほとんどすべての携帯電話を開くことができる脆弱性について
• スマートフォンの振動モーターは、ユーザーの声を聞くためのマイクとして使用できます
• 不滅のスパマー：ナイジェリアの手紙がまだ機能する理由
• ロボットに恋をする：テクノロジーが人間関係をどのように変えるか
• クエーサーの定規 。 空間内の距離を測定する方法と、時々それらを修正する必要がある理由

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

先週のダイジェスト 。
dersmollとalekskorovinが作成した資料。