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

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

ウェブ開発

CSS

Javascript

ブラウザ

ニュースと面白い

ウェブ開発

• ログインまたはログインしますか？
• Podcast Web Standards、Issue No. 39 ：Chrome 54、非同期、Node.js v6およびnpm v4、PWA、CSS用語、CSSフレームワーク、Normalize.css、ITの女性について。
• 10月29日にミンスクで放送されたWeb Standards Daysの録画
• Webpack 2入門（ Webpack 2入門）
• SVG：
  
  
  • SVGを設計、作成、アニメーション化する方法
  • SVGおよびメディアクエリ
  • SVGアニメーションの概要
  • SVGは、外部画像とSVGフラグメントを操作するためのプリミティブをフィルタリングします
  • SVGとWeb Animation APIを使用してインタラクティブロードトリップを作成する
  
  
• 分散型ホスティングAMP JSおよびNPM for Web
  （AMPのJavaScriptおよびNPM for Webの分散ホスティング）
• Google AMPに切り替えて戻る
• Webのプッシュ通知 。 シリーズ「PWAの作成」の3番目と最後の記事（Push Notifications on the Web（Building a PWA、Part 3））
• カルーセルは複雑である必要はありません 。 カルーセルのクリス・コイヤーは複雑にする必要はありません
• JSONの解析は地雷原です
• クライアントプロンプト付きの自動応答画像
  （クライアントヒント付きの自動応答画像）
• 新しいWeb Animations APIをご覧ください
• Web開発で使用する公開JSON APIの集合リスト
• HTMLメールフィールドとIDNの悲しい状態
  （HTML電子メール入力フィールドとIDNの悲しい状態）
• aria-selected-使用する（しない）場合）
• 開発者向けアクセシビリティ、 Alistair Dugginによる講演（開発者向けアクセシビリティ）
• WebコンポーネントとPolymerとのYouTubeチャット
  （YouTubeはWebコンポーネントとポリマーで再構築されています）

CSS

• 再びボーダー画像について
• ネイティブCSS変数とプリプロセッサーの変数の違いは何ですか？ （CSS変数とプリプロセッサ変数の違いは何ですか？）
• 複数の背景画像で知覚されるパフォーマンスを改善する
• CSS不気味なセレクター （Spoooooky CSSセレクター）
• CSSのレスポンシブ画像
• あなたは独立したCSSでマークアップを作成するのが面倒です
  （マークアップに依存しないCSSを書くのは面倒です）
• CSSベストプラクティス-CSS Ninja Pt1になるための14のステップ
• グラデーションとブレンドモードを使用した写真の調色（ グラデーションとブレンドモードによる写真の調色）
• Sassファイルを整理する
• 純粋なUIの観点からの機能的なCSS
• 役に立つ.ly-別のCSS Flexboxフレームワーク
• マイクロアニメーションのセットを作成します
• Angular-Material 2 Themeチュートリアル（Angular-Material 2 Theme Tutorial）
• 動的なオブジェクトストロークを使用したCSSアニメーション （境界線の構成とアニメーション）
• ドラフトCSSテーブルモジュールレベル3 （CSSテーブルモジュールレベル3）
• CSS変数を使用したカラーピッカーコンポーネント （CSS カラーピッカー | CSS変数を使用）
• データフィードバックとしてのCSS変数

Javascript

• JSのアップストリームトレンド：ライブラリとフレームワークの包括的なガイド
  （In JavaScriptの上昇傾向：ライブラリとフレームワークの包括的なガイド）
• jQueryメソッドのネイティブ同等物： パート1：DOM要素の選択 、 パート2：属性とプロパティの操作
• JavaScriptエンジンにハッカー攻撃を実装する可能性と例 （ JavaScriptエンジンへの攻撃 ：JavaScriptCoreとCVE-2016-4622のケーススタディ）
• 最新のJSツールの知識に関するクイズ （JavaScript Guessing Game）
• Modular JavaScriptは、Nicolas Bevacquaのクラウドファンディング企業であり、モジュラーJSに関する本を作成するための資金調達を目的としています。
• JavaScriptゲームの制御メカニズム
• JavaScriptジェネレーターが揺れる3つのケース（+理解する）
• タイムライン上のNode.jsの履歴
• PurpleJS-Javaプロジェクト用のNode.jsの代替
  （PurpleJS-JavaプロジェクトのNode.jsの代替）
• ES6：
  
  
  • Node.js 7.0.0がリリースされました。 非同期に会う/バベルなしで待つ
  • 基本的なES6機能の概要
  • ES6の愚かなトリック
  • ES6テンプレート文字列、ハンドルバーのキラー？
  • ES6機能の概要
    （JavaScript ES6機能の概要（別名ECMAScript 6およびES2015 +））
  • 最もエキサイティングなES6機能の 6つ（Node.js v6 LTS の最もエキサイティングなES6機能の 6つ）
  • 約束を理解する3つの方法
  • Webpack、Express、Babelを使用してReact / ES6開発環境をセットアップする）
  
  
• VueJS：
  
  
  • VueJS：他のフレームワークとの比較
  • Vue.jsを選ぶ理由 （なぜVue.jsですか？）
  • Vue.jsはjQueryよりも簡単に学習できます
  • Vue.jsマテリアル-Vue.jsのマテリアルデザイン
  • Evan You-Vue.jsを備えたモダンなフロントエンド-Laracon EU 2016
  
  
• 反応：
  
  
  • React Developerのステップバイステップの環境セットアップ-レガシー、2016年の標準なし
  • React＆Redux Iを使用して書店を作成する：React Redux Flow
  • ReactなしのRedux-バニラJavaScriptの状態管理
  • ARcは、Atomic Design方法論に基づいたReactスターターキットです。
  • React Memory Game
  • Reactが好きな6つの理由（Reactが好きな6つの理由）
  • React、Redux、セレクター （React、Redux、Selectors）
  • 実稼働環境でReactJSアプリケーションをプッシュしてスリープ状態を改善する方法-React.js Day 2016）
  • AirtableがReactを使用する方法 （AirtableがReactを使用する方法）
  
  
• 角度：
  
  
  • Quality Angular 1.5コンポーネントの構築ガイド
  • ng-contentを使用したAngular 2トランスクルージョン
  • Angular 2 Forms-非同期検証ディレクティブの作成
  
  
• Next.js- React、Webpack、Babelの上に構築された、サーバーレンダリングされたユニバーサルJavaScript Webアプリケーションの小さなフレームワーク）
• Shave-テキストをトリミングするための依存関係のない最新のJSプラグイン
• MathJax-すべてのブラウザーで動作するJavaScript数学エンジン
• JS Ipsum -JSテーマのテキスト魚ジェネレーター
• JsonLogic-JSONで作業するときに複雑なルールを作成するためのパーサー （JsonLogic- 複雑なルールを作成し、JSONとしてシリアル化し、フロントエンドとバックエンドの間で共有する）
• swip-複数のデバイスで同期操作を行う実験を作成するためのライブラリ

ブラウザ

• Mozillaは、新しいQuantumエンジンでFirefoxのパフォーマンスを大幅に改善します
• MozillaがQuantum、Firefox用の統合ブラウザエンジンを発表
• 多くのタブが開いている新しいOpera 41は、古いOpera 40よりも数倍速く起動します
• Chromium 54およびOpera 41の新機能
• 2016年10月DevToolsアップデートダイジェスト
• Safariテクノロジープレビュー16の詳細
• Mozillaは新しいWoSignおよびStartCom証明書の信頼を停止します

ニュースと面白い

• Apple Special Event、2016年10月[テキスト翻訳アーカイブ]
• 新しいMacBook Proは何でしたか
• 再び健全：新しいMacBook Proの10の欠点とAppleファンの答え
• ティムクックが新しいスティーブバルマーである理由
• Microsoft Windows 10イベント[テキスト翻訳アーカイブ]
• イベントMicrosoft Windows 10で彼らが見せたもの
• MicrosoftはオールインワンのSurface Studioを導入しました
• オプションなし？ マイクロソフトは、昼食のためにAppleを飲み込んでしまいます（エスケープなしですか？マイクロソフトは、昼食のためにAppleを食べようとしています）
• マイクロソフト、許します！ （マイクロソフト、許します！）
• TwitterがVineビデオサービスを閉鎖
• Facebookのインスタント記事やGoogle AMPのようなプラットフォームは、Web公開を困難にします
• 巨大なSpaceXミサイルロケット：火星に何を、いつ、どれだけ飛ぶか
• フォントと著作権
• あなたの目を引き裂く：インターネット上の情報が読めなくなった方法
• 中国の会社は、金曜日のDDoS攻撃が、デバイスの弱いパスワードが原因で可能になったことを認めました
• Google Neural Networkが独自の暗号化プロトコルを発明
• 研究者は「量子ソケット」を作成しました-スケーラブルな量子コンピューターへの重要なステップ
• 「未来の輸送」ハイパーループとハイパーループワンの歴史
• シリコンバレータブレットオタク：Nootrobox Nootropics Company Story
• 大量破壊兵器としての「スマート」なもの
• 大手IT企業の幹部が歩きながら意思決定を行う理由
• Githubゲーム

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

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