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

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

ウェブ開発

CSS

Javascript

ブラウザ

おもしろい

ウェブ開発

• HTML 5.1の基本的なマークアップ原則（HTML 5.1のドキュメントアウトライン）
• SVGを使用した画像のマスキング
• ソーシャルメディアリンクを接続する最も簡単で効率的な方法
• 技術的負債について話す必要がある
• 1日15分間のコーディングを学ぶことができる9つのリソース
• トレンド：
  
  
  • 2017年に「学ぶ」べき言語、フレームワーク、ツール
  • 2017年に学ぶべきトップJSフレームワークとトピック
  • 2017年に学ぶべき5つの「最高の」Javascriptフレームワーク
  • Webの未来に関する考察 （アクセスと経験：The Future Web）
  
  
• パフォーマンスと最適化：
  
  
  • レンダリングの最適化について-楽観的
  • Service Workerを使用したインスタント静的Webページ
  • ウェブ上の60fpsアニメーション
  • Font Awesomeの最適化により、インターネットを1日あたり2,000テラバイト節約
  
  
• 可用性：
  
  
  • アクセシビリティ -最新のMDNアクセシビリティガイド： WAI-ARIAの基本、 HTMLとCSS 、 マルチメディアとモバイルアクセシビリティ
  • Web上のアクセシビリティ- 共感を持ったWeb開発 （Webアクセシビリティ- 共感を持ったWeb開発 ）
  • 入れ子の役割に注意してください（入れ子の役割に注意してください）
  
  
• AMPおよびPWA：
  
  
  • プログレッシブWeb AMP
  • Google AMPでの作業中に学んだ教訓
  • CloudFourは、サイトをPWAに翻訳した経験を共有しています （Hey、Hey、Cloud FourはPWAです！）
  • Web BluetoothプログレッシブWebアプリを作成する

メディア

• ポッドキャスト「Web Standards」、第45号 ：Chrome 55、グリッドデバッグ、URLパーサー、APKとしてのPWA、サポート、JSおよびbackticsのCSS、Medusaのフォント、2016ツール。
• Podcast radiojs、Issue 43：Purple Pattern 。 RxJS 5、PRPLパターン、HTTP 2.0とバンドリング
• フロントエンドのYa。Subbotnik-ライブブロードキャストとスライドの記録（12月10日）
• KharkivJS＃7 2016
• Chrome DevTools：Web開発ワークフロー2016を最適化します 。 ビデオ、177スライド、ボーナスコンテンツを含むUmar Hansaレポート資料
• CSSConf.Asia 2016
• JSConf.Asia 2016
• ffconf 2016
• ReactiveConf 2016

CSS

• GPUアニメーション：正しく実行する
• バトルCSS-IN-JS
• CSSの@supportディレクティブとJSのそのdouble。 すぐに使用できます！ （CSS サポートディレクティブとそのJSツイン。すぐに使用できます！）
• CSSグリッド！ エリック・マイヤーの近々行われるCSSグリッド・レイアウトに関する明るいミニインタビュー
• Styletronを使用した仮想CSS
• BEMおよびサポートされているCSS
• CSSセレクターの力とその使用方法
• レスポンシブテキストバランシング
• 柔軟なタイポグラフィ：ルート
• 反パターンと見なされるCSSの短縮構文
• 複雑なチェスパターンを開発して線形勾配（）を学習する
• 新世界：ClojureScriptでCSSを書くとLife After Sass
• サイト開発でのCSS変数の使用
• CSS前処理ループ
• レイアウトにパワーを追加するCSSオブジェクト適合

Javascript

• JSのニューラルネットワーク。 ネットワークをゼロから作成する
• JavaScript様 、私たちのコミュニティの問題についてお話ししたいと思います。
• React、Web Components、Angular、jQueryは永遠に友達です。 ユニバーサルJavaScriptコンポーネント
• JavaScript30に挑戦
• スパゲッティコードの解明：サポートされているJavascriptの書き方
• コンテンツを高速化する面白いハック
• Internet Explorer後のネイティブJavaScript開発
• Web Notification APIを使用して動的メッセージを表示する
• レミーシャープタブの仕組み
• 著者によると、2016年に関連するJavaScriptコードの例 （2016年には危険なJavaScript）
• JSでのScrollspyナビゲーションの作成に関するレッスン
• styletron-汎用性の高い高性能css-in-jsスタイル
• ニュース：
  
  
  • V8リリース5.6 （V8リリース5.6）
  • Angular 1.6はすでにここにあります。これについて知っておくべきこと
  • Angular 2.3.0リリース
  • バベルの現在の状況と将来の計画
  • TypeScript 2.1 、 TypeScript 2.1の 発表 ：ES3 / ES5のasync / await
  • Firefoxで獲得したAsync / Await
  
  
• ES6：
  
  
  • 初心者向けJavaScript Promiseガイド
  • 不変のJavaScript：ES6以降でそれを行う方法
  • ES6の内容と方法：トリック、ベストプラクティス、および例。 パート2 マップ、ウィークマップ、プロミス、ジェネレーター、非同期/待機、ゲッター/セッター、キャラクター
  
  
• 静的な入力とフロー：
  
  
  • 10分間のフローのフローの基礎
  • JavaScriptの型チェック：フロー入門。 （JavaScriptでのタイプチェック：フロー入門。）
  • JavaScriptで静的型を使用する理由 パートI 、 II 、 III
  • TypeScript（または静的型）は必要ないかもしれません（TypeScript（または静的型）は必要ないかもしれません ）
  
  
• フレームワーク
  
  
  • React Application Performance Basics
  • jsxなしで行うことは可能ですか？なぜですか？
  • 翻訳されたVue.JS 2.xドキュメント
  • 5つの無料VueJSチュートリアル
  • LaravelはVueを選択しましたが、すべきではありません （Reactに置き換えてください ）
  • ReactからVueに切り替えた場合、なぜそれをしたのですか？ redditの大きなスレッド
  • サーバー側で反応する （Server Side React）
  • コードを書くための探求の始まり：最初のReactコンポーネントを書く方法
  • ReactとAngularの間違った比較
  • エンタープライズプロモーションの開発にReactではなくAngular 2を選んだ理由
  
  
• プラグイン
  
  
  • pulltorefresh.jsは、Webアプリケーションにpull-to-refreshを実装するための高速で強力なプラグインです
  • myScale-クイックSVGアイコンリサイズ
  • Siema-軽くてシンプルな中毒性のカルーセル
  • es-beautifier -eslintに基づくECMAScript美化

ブラウザ

• Firebug開発ツールの終了：「Firefox DevToolsを使用」
• Chrome 55ブラウザーの新しいバージョンは、以前のChrome 54よりも約30％少ないRAMを使用します
• Chrome 56 Beta：「安全でない」警告、Web BluetoothおよびCSSの位置：スティッキー
• Google ChromeはAdobe Flash Playerのサポートを完全に終了します
• Googleは、Chrome for Androidで音楽とビデオをダウンロードする機能を追加します
• 最新のMicrosoft Edge更新の詳細 -CSSカスタムプロパティの部分的なサポート、非同期/待機、DOMパフォーマンスの改善など
• Safariテクノロジープレビュー19のリリースノート

おもしろい

• 起こった！ 完全なWindows 10がARMに付属
• YouTubeは過去12か月間にミュージシャンとレーベルに10億ドルのロイヤリティを支払いました
• プログラマーのために勉強する場所：経験豊富なチームリーダー、教師、初心者からのアドバイス
• プログラマーが信じる神話
• 「テーブルからすべてを取り出す」-Amazon Developer Interview Talk
• Googleの技術サポートまたは人間の魂のロボットについて
• Depositphotos 2017年のビデオと写真の12の主要なトレンドに選ばれました
• Magic Leap-14億ドルの詐欺？
• Web Summit 2016で最も明るい技術トレンド：近い将来、世界はどのように変化するか
• Google Playムービーで4Kムービーが利用可能に
• ニューラルネットワークを使用した4つの手書き実験

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

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