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

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

ウェブ開発

CSS

Javascript

ブラウザ

ニュース

ウェブ開発

• 開発者向けのブラウザの重要な側面。 パート2
• Podcast Web Standards、Issue No. 23： HTML 5.1、Dreamweaver、Houdini、リンク、セキュリティ、メンタリング。
• Emojisがコードを改善する方法-真剣に
• ページナビゲーションによるユーザーフローパスの改善
• Summer Y. Subbotnik 、 フロントエンドセクションの放送の録音
• モノのインターネットの世界におけるフロントエンド開発
• オタク向けのrequestAnimationFrameの計画 （requestAnimationFrame Scheduling For Nerds）
• プログレッシブWebアプリとは何ですか、 それを作成する必要があります （プログレッシブWebアプリとは何ですか？
• フロントエンド開発者は意識している
• 無限のスクローラーの複雑さ
• Service Workerライフサイクル 、udacityの無料オフラインWebアプリケーションコースのレッスンの1つ
• ホームページカルーセルをエンドユーザー向けに機能させるための10の要件（必要な場合）
• HTML5についての考え （ HTML5についての考え）
• レスポンシブ画像：ピクチャエレメントとWebPを使用した小さいページサイズ
• クロスブラウザ：すべての人のためにWebを機能させる （ すべての人のためにWebを機能させる）
• 可用性：
  
  • 代替テキストの使用方法 （すべてのユーザー向けの作成：代替テキストの使用方法）
  • 常にラベルを使用 （常にラベルを使用）
  • ラベルなしの検索フィールド （ ラベルなしの検索フィールド）
  • アクセシビリティSVGの詳細 （アクセス可能なSVG）
  
  
• ツール：
  
  • WebPageTest.orgについて知らなかった10のこと
  • Webpack：チームの紹介とプロジェクトサポートの呼び出し （webpack：現実のものになっています）
  
  
• 壮大なウェブ：
  
  • キャンバス画像操作技術
  • HTML5 Canvasの単純なアニメーション静的
  • スローモーションでのWebGLレンダリング要素
  • CSS / SVG / JS＃45の美しいエフェクトの毎週の編集
  
  

CSS

• （フレックスボックス上の）グリッドをより簡単に処理します。 考えすぎない（Flexbox）グリッド
• 建築の戦い 。 バトルオブザアーキテクチャの翻訳
• 最新のCSSは思っているよりも強力です：JavaScriptを必要としないN個の例
• JSなしで作成されたインターフェイスコンポーネント （JavaScriptは不要です）
• 大規模なアプリケーションのCSSファイルに満足していますか？ CSS攻撃の方法論 （大きなアプリのCSSファイルに満足していますか？OOCSS、BEM、SMACSS、ITCSS、ACSS、ITCSSが攻撃を受けています。）
• 大規模プロジェクトでのCSSの構造化
• カスタム入力カーソル/キャレットの作成
• フロントエンドチャレンジの受け入れ：CSS 3Dキューブ （フロントエンドチャレンジの受け入れ：CSS 3Dキューブ）
• トリック：ターゲット （The：ターゲットトリック）
• CSS：完璧な印刷スタイルシート
• CSS currentColorを使用して動的にテーマ対応のWebサイトを作成）
• ビューポートのパーセンテージは使用可能単位ですか？ （ビューポートのパーセンテージ単位のアクセシビリティ）
• Twitterハートアニメーションの再作成（1つの要素、画像なし、JavaScriptなし）
• CssToReactは、CSSをReact固有のインラインJSONに変換するためのシンプルで小さなツールです
• ress-最新のCSSリセット
• <LINK> Yoav WeissがHTML Special、CSS Dayでビデオを語る

Javascript

• 無料のHTML5およびJavaScriptゲームエンジン
• はい JavaScriptが上昇 （はい、JavaScriptが上昇）
• JQuery 3.1.0リリース-サイレントバグはなくなりました
• ESLint v3.0.0リリース （ESLint v3.0.0リリース）
• jQuery 3に関する警告
• コンソールのデバッグの秘yonを超えて
• JavaScriptの関数型プログラミング入門、パート1 （JavaScriptの関数型プログラミング入門（パート1））
• You-Dont-Need-Lodash-Underscore-ネイティブで使用できるJavascriptメソッドのリスト（ LodashまたはUnderscoreは使用できません）
• ニューロンを構築する方法：JavaScript Pt 2でAIを探索する
• npmモジュールをより適切に処理するための3つのトリック
• JavaScriptの借用方法
• Tessel 2を使用したGPS情報の追跡 （ Tessel 2を使用したGPSデータの追跡）
• DevToolsでJavaScriptをデバッグするための3つの素晴らしいヒント （3つのSplendid JavaScriptデバッグのヒント）
• ES6：
  
  • 履歴からES6モジュールを理解する
  • ES6 for Humans （ES6 for Humans）
  • ECMAScript 6での存続（ ECMAScript 6での存続）
  
  
• フレームワーク
  
  • [hip_js_framework]を使用したくない場合があります）
  • JavaScriptフレームワークの作成-プロジェクトの構造化
  • React-Reduxを使用して本番環境に行くことから学んだ6つのレッスン（React-Reduxを使用して本番環境に行くことから学んだ6つのレッスン）
  • 生産のベストプラクティスにおけるReactとFluxのベストプラクティス
  • ラケット -React / Redux Webアプリケーションとジェネレーターを備えたスターターパック
  • Reactステートレス関数とRamdaを備えた機能コンポーネント
  • React （React Gotchas）の機能
  • React、GraphQL、Relayの使用開始（パート1/2）
  • Angular 2とIonic 2を使用してモバイルアプリを構築する（Angular 2とIonic 2を使用してモバイルアプリを構築する）
  
  
• プラグイン
  
  • zingtouch-最新のWeb用のJavaScriptジェスチャー検出ライブラリ）
  • セグメント -SVG曲線を描画およびアニメーション化するための小さなJSクラス（セグメント-SVGパスストロークを描画およびアニメーション化するための小さなJavaScriptクラス（依存関係なし））
  • ejs -JavaScriptのデバッグを簡素化するwindow.onerrorの実験
  • Fela -JavaScriptの動的スタイルを操作するためのライブラリ（Fela-JavaScriptの高速＆動的スタイリング）
  • 10個のjQueryファイルアップロードプラグイン
  
  

ブラウザ

• Firefoxのコンテキストグラフは、次に進むべきサイトをユーザーに示します
• Chromeブラウザはテレビへの画像のストリーミングをサポートしています
• Chromeは、量子コンピューターでの選択に耐性のある暗号化ツールを追加しました
• Chromeで画像を読み込んでいるときにページジャンプを取り除く方法
• Yahooの買い手はFirefoxで検索エンジンを使用するためにMozillaに10億ドルを支払わなければならない
• UC Browserニュース
• ブラウザの歴史の未来

ニュースと面白い

• eBayは、AMPを使用して800万ページ以上を議論していることを発表しました
• GoogleはすべてのウェブサイトをVRで表示できるように取り組んでいます
• Facebookはソーシャルロックのあるサイトへのリンクの大きなページをブロックします
• GoogleがAnvatoビデオ配信プラットフォームを買収、ユーザーはYouTubeとの統合を期待
• 32ビットすべて
• 誰もがITに向けて出発した場合、悪化するのはなぜですか
• GitHubで完全に公開されたApollo 11ソースコード、バグについて議論するプログラマー
• 今年は値引きが低かったにもかかわらず、Steamの販売はより成功しました。
• プーチン大統領は、ユーザーデータの保存と解読に関する春の法律に署名しました
• LinkedIn Sales Timeline：Google、Facebook、Microsoftなどからのオファー
• 科学者はDNAに200メガバイトのデータを記録しました
• ルーチン、ストレス、睡眠不足、うつ病シリコンバレーの企業の従業員は、Quoraのコメントで仕事の裏側を共有しています：無限のルーチン、睡眠不足、ストレスなど。
• フォームのデザインの改善 。 一般的なデザイナーの間違いを修正する方法
• 名前で色を見つける必要があるゲーム （ 色を見つける ）
• URLの履歴：ドメイン、プロトコル、およびポート

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

UPD：来週はダイジェストも休暇もありません。

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