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

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

ウェブ開発

CSS

Javascript

ブラウザ

ニュースと面白い

ウェブ開発

• HTTP / 2はここにありますが、スプライトセットはまだ死んでいません
• 64ビットブラウザーの算術演算とWebAssembly
• アクセスできないウェブ：このような混乱の原因 。 アクセスできないウェブ：この混乱にどのようになったのか
• npmスクリプトの高速化
• Podcast Web Standards、Issue No. 31 ：WebKit Anniversary、Future Firefox、Security、PWA、PostCSS、Education、Static Generators。
• 40万のGitHubリポジトリ、10億のファイル、14 TBのコード：スペースまたはタブ？
• アルマトイの過去のフロントエンドフェローに関する報告
• W3C WikiおよびW3Cの仕様では、タイムトラベルプロトコルが使用されるようになりました （W3Cのメメント）
• Webコンポーネントの神話の破壊 （Demythstifying Web Components）
• DOMからSVG座標に変換し、再び戻す方法
• ページをロードする際のコンテンツシフトを減らす方法（ページのロード時のコンテンツシフトを減らす方法）
• プロセスへの突入：プロジェクトの途中からのフロントエンド開発 （ジャンプ： プロジェクトの途中からのフロントエンド開発）
• 「数字を入力したい 。 」 デジタルキーボードのコンテキストでの数値とそのパラメーターのフィールドのニュアンスに関するZack Lezerman（数値を入力したかった）
• Webパフォーマンスについて考える適切なタイミングは？
• あなたのウォンバットソックスをノックする11のシンプルなnpmのトリック）
• カスタム要素、プロパティ、および使用に関する詳細な記事： パート1 、 パート2 （カスタム要素のケース）
• 目に見えるパフォーマンス-メトリックによる速度の追求では、ユーザーのことを忘れないでください （パフォーマンスの知覚-ユーザーを忘れないでください）
• オフライン状態を示す
• WordPressにAMPをインストールする
• SVG 9の方法をスライスする
• HTML5 Canvasを使用した画像のグリッチ効果
• 心に強く訴えるナビゲーションインジケーター

CSS

• CSSの封じ込め
• 不可能なタイポグラフィ 。 タイポグラフィは不可能な翻訳です
• CSSを使用して要素が表示される順序を変更する方法
• 拡張可能なHTMLおよびCSSコンポーネントの開発
• パンツスーツ：ヒラリークリントンUIパターンライブラリ
• アイコンはコンテンツですか？ （アイコンコンテンツですか？）
• CSSの自動について （AtoZ CSSクイックヒント：自動） （+スクリーンキャスト）
• アイスクリームサンデーを構築することによるCSSポジショニングの説明
• Mobi.css-モバイルデバイスに焦点を当てた軽量フレームワーク
• Spectre：別の軽量CSSフレームワーク
• CSSリファクタリング：3つの私
• Google Photos / 500px画像レイアウトの純粋なCSS構造の実装
• CSSピクセルアートの楽しみ
• 現代のCSSを書くための20の専門的なヒント （ 現代のCSSを書くための20のヒント ）
• 制御ディレクティブを使用して条件付きロジックをSassに追加する
• 新しいCSSの数学は、レスポンシブなタイポグラフィ技術をロックします （CSSロックの数学）
• EQCSSを使用したマルチラインテキストのトリミング （レスポンシブマルチライントランケーション ...）
• EQCSSを使用して、ページの最後に「次の記事」ウィンドウがポップアップします
• 要素クエリを使用してレスポンシブUIコンポーネントを構築する方法
• CSSオブジェクトモデル（CSSOM）の初心者向けガイド
• CSSアニメーションによる被写界深度効果
• ボリュームキューブコンストラクター （3D CSSキューブ）

Javascript

• 新しい実用的なJavaScriptおよびES6コース
• p5.j​​sの紹介
• 約束の速さを確認する
• Horizo​​n-リアルタイムJavaScriptバックエンド
• 公式のTypescriptドキュメントのロシア語への翻訳。
• 開発者によるグローバルJSフレーバー調査の予備結果 （JavaScriptの状態：JavaScriptフレーバー）
• ES5、ES6、またはTypeScriptを学ぶべきか（ ES5、ES6、またはTypeScriptを学ぶべきか）
• 小さくて単純な関数を書く技術
• JS MythBusters-高レベルの観点からの最適化ハンドブック
• JSConf.ISに関する注意事項
• JavaScriptスタイルガイドを使用する理由と、使用する必要がある理由
• JavaScriptの矢印関数の問題 （ JavaScript矢印関数の問題 ）
• 新しいリリース： TypeScript 2.0 RC 、 Angular 2.0.0-rc.6
• ブルームバーグはBuckleScript 1.0を発表します （ ブルームバーグはBuckleScript 1.0を発表しました）
• JavaScriptのクロージャーコンパイラ
• スパイグラスによるJavaScriptのパフォーマンス （GOTO 2016• スパイグラスによるJavaScriptのパフォーマンス •Vyacheslav Egorov）
• 楽しさと利益のためにES2015プロキシを使用（楽しさと利益のためにES2015プロキシを使用）
• ES文： Function.prototype.toStringの 改訂 、 ES文：テンプレートリテラルの改訂
• babili- Babelツールチェーン（ベータ）に基づくES6 +対応のミニファイアー）
• Bluebirdを高速にする3つのJavaScriptパフォーマンスの基礎
• オーム： 200行のコードで言語を作成するJavaScriptパーサー）
• Hapi.jsの使用開始 （ Hapi.jsの使用開始および実行）
• 角度：
  
  • Jacob Fine：Angular 2の最新情報
  • NativeScriptとAngular 2でバーコードをスキャンする
  • Angularのバインディングについて
  • angular.moduleからngModuleへ （ angle.moduleからngModuleへ）
  • Auth0、ExpressJS、AngularJsで安全なAPIを構築する
  • supernova-angular-1.5.x-es6-starter-角型> 1.5.x、> es6、カルマ、ジャスミンのスターターパック
  
  
• 反応：
  
  • Webpack + React。 バンドルを15倍減らす方法
  • Reactでの状態伝播研究
  • ユーザー認証を使用してReactアプリを構築する
  • NPMで公開するためのReactコンポーネントを作成する方法は？ （NPMで公開するReactコンポーネントを作成する方法は？）
  • 5種類のReactアプリケーション状態
  • React / Reduxアプリケーションのテストに関する考え（React / Reduxアプリケーションのテストに関する考え）
  • アニメーションコンポーネントの作成 、またはReactによるD3の改善方法
  • awesome-react-components-Reactコンポーネントの精選されたカタログ （awesome-react-components-Reactコンポーネント/ライブラリのカタログ）
  • 暴動-暴動法を読む：軽量Reactの代替案を探る
  
  
• 図書館：
  
  • React、Angular、Ember、およびSimple JavaScriptを使用した入力フィールドのマスク
  • Cesium-世界クラスの3D地球儀と地図用のオープンソースJavaScriptライブラリ）
  • react- dates-ウェブ向けの、アクセスしやすく、国際化が容易な、モバイル対応のデートピッカーライブラリ
  • postmate-強力でシンプルな、約束ベースのpostMessageライブラリ
  
  

ブラウザ

• Chromiumの拡張機能をサポートする最初のモバイルブラウザ。 新しいアルファYandex.Browser
• Chrome Web Browserリリース53
• Chrome for Androidには、オフライン表示用のダウンロードマネージャーとページ保存が導入されています
• Yandexブラウザーでは、すべてのユーザーデータを盗むことができるCSRFバグが修正されました
• ブラウザの動向2016年9月：ブラウザ戦争は終了しましたか？ （ブラウザーの動向2016年9月：ブラウザーの戦争は終わりましたか？）
• Safari 10に WebDriverサポートが追加されました （ Safari 10の WebDriverサポート）
• Microsoft EdgeとContinuum：モバイルのデスクトップブラウザー（Microsoft EdgeとContinuum：モバイルのデスクトップブラウザー）

ニュースと面白い

• HTTP / 2へのパス
• 公式に発表されたIntel第7世代プロセッサー（Kaby Lake）
• すでに100万を超えるIoTデバイスがさまざまなボットネットの一部です
• Googleは、プロジェクトモジュラースマートフォンProject Araの停止を確認しました
• Nexusストーリーは終了する可能性があります：今年のGoogleスマートフォンはブランドを変える
• MozillaはWoSign認証局の終了について議論します
• アカウントリーク6,800万人のDropboxユーザー
• 2012年、Last.fmをハッキングした結果、4,300万人のユーザーのパスワードハッシュが漏洩しました。
• ビデオゲーム：何が彼らを中毒性にするのか
• 160の無料の9月のオンラインプログラミングおよび起業家精神コース
• ビッグデータサイエンスが教育を変え、学習を楽しくする方法
• Apple Watchでジョニー・アイブのチームと仕事をしながら学んだこと
• ポルノがテクノロジーを大衆に押し上げる方法
• Intel Museum Tour：38年にわたるx86の歴史など
• 構文的に有効で、複数の言語で同等に機能するコードの例
• インターネットの歴史のトップ25の最高のミーム：ニャン猫、グレートデーン、リクロールなど
• 最初のオープンな代替Skypeクライアント実装が公開されました
• 良いパスワードを思いつく方法は？

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

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