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

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

ウェブ開発

CSS

Javascript

ブラウザ

ニュースと面白い

ウェブ開発

• 10 Webpack機能
• Webpackチュートリアル
• 「目の不自由なユーザー向けのカスタムHTMLコントロールの可用性
• フロントエンド：開発とサポート
• サイトの未来：AIだけでなく、AIに基づく自動アセンブリ
• Podcast Web Standards、Issue No. 32 ：Safari 10は近日リリース予定、Chrome 53は既にリリース済み、カスタム要素、ボーダー画像、フォント表示、Leah VeruおよびHTML、ソックスとnpmのウォンバット。
• HTML / JavaScript最適化ビデオの選択
• 4番目のバージョンはまだアルファ版ですが、Bootstrap 3のサポートは廃止されました
• HTML5で既に廃止されている要素は何ですか？ （HTML5で廃止されたものは何ですか？）
• Webパフォーマンス最適化のデザイナーガイド
• ブラウザのスクロールアニメーションのガイド
• 10k離れて：
  
  • 10kコンテストのウェブサイトデザインのヒント （ 10kでの構築：アクセシビリティ、明瞭さ、アフォーダンスのマークアップ）
  • 10kコンテストのコンテキストでのページ読み込みを高速化するためのヒント （ページ読み込みが軽い場合の10kヒント）
  • 10kコンテストのプロジェクトの別バージョン-webp、サービスワーカー、その他のグッズ （Image Beast-My 10 K Apart Entry）
  
  
• 音はどのように見えますか？ Web Audio Art（サウンドはどのように見えますか？Web Audio Art！）
• プログレッシブWebアプリのビルディングブロック
• レスポンシブSVGの10の黄金律
• BroadcastChannel API：Web用のメッセージング （BroadcastChannel API：Web用のメッセージバス）
• 透明なラスターイメージに SVGを使用（ 透明なラスターイメージに SVGを使用）
• ワシントンポストは、プログレッシブウェブアプリケーションテクノロジーで実行され、AMPを使用する 「超高速」モバイルサイトを発表しました（ワシントンポストは、「Lightning-Fast」モバイルウェブサイトを発表します）
• Quill 1.0 Web Text Editorリリース （Quill 1.0の発表）
• ロボットとあなた：Robots.txtガイド
• SEO用に画像を最適化するためのガイド
• お母さんgit！

CSS

• HTMLおよびCSSの拡張可能なコンポーネントの開発
• 小文字のコードブロックを作成する
• CSSを使用して要素の順序を変更するいくつかの方法 （表示順序を変更するためのいくつかの異なるCSSメソッド）
• すべてをFlexboxに翻訳 （ Flexboxでオールイン）
• 相対CSSユニットを使用したスケーラブルなコンポーネントの作成
• CSS変数を使用した自動プレフィックス！ （CSS変数を使用した自動接頭辞！）
• CSS Grid Layout Working Draftの作業ドラフトはどこにありますか？
• シンプルなCSSメディアクエリ-デバイス用のメディア表現のコレクション
• CSSは！重要です
• trivagoのCSS-パート1：構造とITCSS
• Sassカラー変数に名前を付ける方法
• Webexpo Pragueの前にハリー・ロバーツとのインタビュー：CSSとITCSSのリファクタリング
• CSSカウンターの開始
• 制御ディレクティブを使用してSassを検索する （ 制御ディレクティブを使用してSassコードをループする）
• nth-child vs nth-of-type
• radiobox.css-ラジオ入力用のCSS3アニメーションの小さなセット。
• ミュータントカーソル、svgおよびアニメーション （ミュータントカーソル）
• 「プレーリーのWebフォント」-alistapartのRichard Finkによるウェブフォントの現状の議論 （プレーリーのWebfonts）
• レイチェル・アンドリュー： CSSグリッドデモ-複数画像のヒーローレイアウト

Javascript

• JavaScriptの4種類のメモリリークとその対処方法
• JavaScriptでフルスタックを構築する：基本
• サムスンがJavaScriptをモノのインターネットにもたらします
• Node.js v5への別れ、v7の準備
• 実稼働JavaScriptのデバッグ（実稼働JavaScriptのデバッグ）
• document.write（）に対する対策（document.write（）に対する介入）
• JavaScript Arrow Functionsの紹介
• 私の新しいお気に入りのES6おもちゃ：パラメーターとしての非構造化オブジェクト
• JavaScript：配列とオブジェクト （JavaScript：配列とオブジェクト）
• 無効な宣言がありますか？ 何を使うべきですか？ （var Deadは何ですか？何を使用すればよいですか？）
• JavaScriptインタビューの準備：関数構成とは？ （JavaScriptインタビューをマスターする：関数構成とは？）
• IntersectionObserver APIを使用したネイティブの無限スクロール
• Node.jsを操作するためのベストプラクティス （Node.jsベストプラクティス）
• Chart.js 2.0の概要-6つの簡単な例
• 教訓：
  
  • HyperDevのヘルプ-Node初心者向けの無料のインタラクティブコース （Node.jsを学ぶ-Node 初心者向けの無料のインタラクティブコース）
  • レッスン：ロールアップでJavaScriptを構築する方法 （チュートリアル：ロールアップでJavaScriptをバンドルする方法）
  • PouchDBクライアント側JavaScriptデータベースの開始
  • ガイド：jueプラグインでVue.jsを使用する方法
  
  
• フレームワーク
  
  • JavaScriptフレームワーク：良いアイデアの流通チャネル
  • BoxArtを使用したReact要素のアニメーション化
  • Ember.jsを使用した野心的なWebアプリケーションの作成 （ Ember.jsを使用した野心的なWebアプリケーションの構築）
  • react-fake-component-コンテンツの読み込みを視覚的にシミュレーションするためのコンポーネント
  • React Native Elements-クロスプラットフォームUIツールキット
  • Reactアプリケーションをスケーリングする方法
  • Routing React Apps：完全ガイド
  • react-reduxパッケージの使用方法
  • ReactとReduxを使用したフォームの作成（ ReactとReduxを使用したフォームの作成）
  • Angular 1.6-式サンドボックスが削除されました （Angular 1.6-Expression Sandbox Removal）
  • ngAnimateからAngular 2アニメーションへ （ngAnimateからAngular 2アニメーションへ）
  
  
• プラグイン
  
  • awesome- grid-開発者向けの動的テーブル（グリッド）のライブラリとリソースの精選されたリスト
  • appmetrics.jsは、Webページのパフォーマンスパラメーターを測定し、結果をGoogleアナリティクスに送信するための小さな（1.1Kb）ライブラリです。
  • timeago.js-日付を「3時間前」のわかりやすいビューに変換します
  • cookies.js-ブラウザーでcookieを操作するため
  • Fuse.js-ファジー検索を実装するためのライブラリ（リクエストにエラーが含まれる場合があります）
  • granim.js-インタラクティブなアニメーションカラーグラデーションを作成するためのプラグイン
  
  

ブラウザ

• 拡張機能をデスクトップにインストールするChromeはAndroidから直接使用できるようになりました
• ChromeはHTTPで開いているページにフラグを付け始めます
• Vivaldi 1.4 Webブラウザリリース
• Mozilla：Firefoxのマルチプロセスバージョンは、通常よりも400〜700％応答性が高くなっています。
• GoogleはChrome 53のパフォーマンスと消費電力を大幅に最適化しました
• 開発者向けFirefox 49
• DevToolsダイジェスト、2016年9月

ニュースと面白い

• Appleプレゼンテーション：スイマー向けウォッチ、ミニジャックのないiPhone、マリオ
• AppleおよびSonyカンファレンス（2016年9月7日）
• ソニーのプレゼンテーション：PlayStation 4 Proの発表と新しいコンソールデザイン
• マイクロソフトは、人気の企業メッセンジャーSlackに競合他社を紹介する準備をしています
• 新しいHVIFイメージ形式により、500バイトの美しいアイコンを作成できます
• 欧州史上最大のIT取引が完了しました：ARMはSoftBankに参加します
• Baiduは機械学習の分野で基礎を開きました
• OpenOfficeは死んで、長生きするLibreOffice！
• 新しいSteam統計では、ユーザーがHTC ViveとOculus Riftの仮想現実ヘッドセットを購入しなくなったことが示されています
• スタックオーバーフロープロジェクトの履歴-質問に対する専門家の回答
• Project Araの歴史：Googleがモジュラースマートフォンを作成できなかった理由
• Facebookニュースフィードは10歳になります
• SWIFTの調査：ビットコインは、古典的な通貨に取って代わることができない投機資産です
• プロセッサにニューロンが必要なのはなぜですか？
• Facebookニュースフィードの仕組み
• バンクオブアメリカは、人類がマトリックスに存在することを許可しました
• チームの特別な人々：西部のIT企業が自閉症の従業員を重視する理由
• 1日を無駄にするだけでなく、会議への参加から本当のメリットを得る方法
• 日本のビル・ゲイツ：ソフトバンクの創設者、佐々正義の伝記

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

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