前週のフロントエンドの世界からの新鮮な材料のダイジェストNo. 248（2017年1月30日-2月5日）

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

ウェブ開発

CSS

Javascript

ブラウザ

おもしろい

ウェブ開発

• Podcast Web Standards、Issue No. 53 ：Safari、ChromeおよびFirefoxのリリース、HTTPSおよびForms、新しいClearfix、CSSインポート、Service Worker、JS HistoryおよびSbertech Frontend。
• フロントエンド開発者ハンドブック2017
• 14分析すべき重要なWebサイトパフォーマンスメトリック
• Accelerated Mobile Pages（AMP）についてどう思いますか？ 開発者が経験を共有する
• Webpack 2およびモジュール構築の初心者向けガイド
• 独自のフロントエンドMarsManフレームワークを作成した方法（およびその理由）
• HTTPの責任ある使用/ 2：ユーザー向けのカスタマイズ
• 新しいウィンドウでリンクを開くときのセキュリティとアクセシビリティ
• SVGライトフィルターと光源の概要
• アクセシビリティテストのための基本的なスクリーニングチーム
• フィラメントグループ：レスポンシブワールドでの可用性のサポート
• Mozilla Webツール
• Smashing Magazineの再設計ストーリー（Sara Soueidan作）
• MageConf 2016： 「Webアクセシビリティ：世界をより良い場所にすることができるコード」 、 「WebVR：現在のステータスと概要」

CSS

• 新しい公式のCSS定義が公開されました（CSS-2017）
• clearfixハックとその代替のオプション：要約表
• Flexboxの仕組み-大規模でカラフルなGIFの説明
• rgba（）CSSカラー関数の力
• CSSグリッドレイアウト：
  
  
  • Chrome M57でデフォルトで有効になっているCSSグリッド
  • developers.google.com：CSS グリッド-テーブルレイアウトが返されます。 そこにいて、正方形である。
  • developer.mozilla.org： グリッドレイアウトとは何ですか？
  • 標準のFirefox開発ツールを使用したグリッドデバッグ
  
  
• calc（）の仕組み
• 人気のあるCSSグリッドのガイド集
• 方向依存のガイダンス効果を作成する方法
• 純粋なCSSでアクセス可能なチェックボックスとラジオボタンを作成する
• カスタムCSSプロパティを使用した読みやすいCSS
• CSS Pocket Graphicsおよびアニメーションガイド
• CSS疑似クラス:: not（）および：target
• Runway -CSSオンラインスタイルガイドジェネレーター
• Tuesday.css-現在のCSSアニメーションの「最もホットな」ライブラリ
• CSSRooster-ディープラーニングを使用してHTMLのCSSクラスを記述するボット

Javascript

• 金曜日JS：Smalltalkに触発されて地獄に行く方法
• To Doリストの例のコールバック
• 17 jQuery 3の革新とそれらを使用するためのヒント
• Node.jsのスキルをお持ちですか？ 公式の認証サービスはまもなく利用可能になります。
• ネイティブECMAScriptモジュール：新機能とWebpackモジュールとの違い
• JavaScriptの簡単な歴史： パート1 、 パート2 、 パート3
• JavaScript変数とデータ型の初心者向けガイド
• インデントは敵です：より簡単なJavaScriptを書く
• ES2015 +：
  
  
  • Sandwich Party Promise（JavaScript promiseの代替紹介）
  • ES2016およびES2017 Bookの探索
  • 新しいES7およびES8
  • ES6ジェネレーターとプロミスで非同期/待機
  • ビデオレッスン「3つの演習でのES6矢印機能」
  • JavaScriptが最終的に適切な非同期プログラミングを持つ
  
  
• Vue：
  
  
  • あなたが好きになるVue.jsの5つのアイデア（Reactが完全にあなたに合っていても）
  • OpenLecture＃2017.1-Let's Vue！ 。 Javascript.Ninjaチャンネルに関するIlya Klimovによる講義の記録
  • css-tricksの一連の記事「Intro to Vue.js」：
    レンダリング、ディレクティブ、イベント 、 コンポーネント、プロップ、スロット 、 Vue-cliおよびライフサイクルフック 、 Vuex 、 アニメーション
  • Keen UI -Vue.jsで記述され、Material Designに触発されたコアUIコンポーネントの軽量コレクション
  • avoriaz-Vue.jsをテストするためのユーティリティ
  
  
• 角度：
  
  
  • Angularの次のバージョンはAngular v4です
  • NgClassおよびNgStyleを使用したAngular 2+クラス
  • 現実世界の角度： パート1：これはTODOリストではありません！ 、 パート2：これはマテリアルの世界です！
  
  
• 反応：
  
  
  • webpackとBabelを使用してReact環境をセットアップする
  • 2017年にReactアプリケーションを作成、テスト、デプロイする方法
  • ReactでRxJSを使用するとどうなりますか？
  • Fluxライブラリが必要になるのはいつですか？ 機械の例の説明
  • CRAFT：テンプレートからReactアプリを作成
  • react-redux-grid -Reduxパターンを使用して記述されたテーブル/ツリーコンポーネントを反応させる
  
  
• ライブラリとプラグイン：
  
  
  • Mithril 1.0.0 -SPAを作成するためのもう1つのモダンなライブラリ
  • gotoem-最新のブラウザーのクリップボードにコピー（ 1Kb未満）
  • sixflix -Netflixアルゴリズムを使用する環境でES6サポートを定義します
  • vanilla-tilt.js -jQueryなしのTilt.jsバージョン
  • json-to-jsコンバーター

ブラウザ

• マイクロソフトはデスクトップブラウザー市場で地位を失いつつあり、Chromeは引き続き勝利を遂げています。
• Googleの専門家がChromeでのレンダリングの最適化について話しました
• クラスメートとMozillaはFirefoxの特別バージョンをリリースしました
• マイクロソフト、Windows 10 Creators Updateのエッジブラウザー機能を紹介
• GoogleはiOS向けChromeを開き、Google Earth Enterpriseを開く予定です
• ChromeはDRMモジュールを無効にするための資金を失います

おもしろい

• sudo rm -rf、または2017/01/31からのGitLab.comデータベースでのインシデントの記録
• MicrosoftはGit用の仮想ファイルシステムを導入しました
• Windows 10のゲームモード-何であり、なぜ必要なのか
• ZDNet：2017年、MicrosoftはChrome OSと競合する「ライト」Windows 10をリリースします
• GoogleはモバイルフレンドリーテストAPIを公開しました
• 求職者の卒業証書を必要としない5つのIT企業
• Appleは記録的な収入と新しいiPhone販売記録を持っていますが 、 経済的な成功にもかかわらず、Appleのブランド価値は380億ドル減少しました
• タブレット市場は9四半期連続で縮小
• Elon Musk、Stephen Hawking、その他数百人の専門家がAI開発の23の原則のリストに署名しました
• MozillaはFirefox OSプロジェクトを閉鎖し、システム開発者を解雇しました
• IT企業が移民に関するトランプ政権でどのように推進してきたか
• 「自分の想像でデバイスをテストしていますが、お金を使うのはばかげています」
• 人工知能が世界最高のポーカープレイヤーを悪用
• 老年期のコンピューターで働くことにより、「中等度の認知症」のリスクが減少しました
• 「iPhoneは大きな市場シェアを獲得しません」：最悪の技術予測
• FirefoxユーザーのHTTPSヒットのシェアは50％を超えました

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

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