前週のフロントエンドの世界からの新鮮な材料のダイジェストNo. 254（2017年3月13〜19日）

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

ウェブ開発

CSS

Javascript

ブラウザ

おもしろい

ウェブ開発

• HTMLでARIAを使用するためのルール
• Podcast Web Standards、Issue No. 59 ：Chrome 57、Samsung Internet beta、Safari TP、実際のグリッド、コンテナ表現、Webスクロール、フォントの最適化。
• Frontiers ：フロントエンドとTim Marinin がホストする人々についての新しいポッドキャスト。 パーティーでのVadim Makeevの最初の問題
• 盲目のプログラマー-「耳で」の開発とインターネットの可用性について
• Web開発者ロードマップ-2017
• Gmail用のHTMLメールを作成する：知っておくべき12のこと
• HTML5ビデオとオーディオ：レイアウト
• HTML5フォーム：入力フィールドタイプ（パート2）
• カラーフォントとは何ですか？
• Vitaly FriedmanがSmashing Magazineの新バージョンを発表
• 多層ホバー効果
• SVG：
  
  
  • SVGフィギュアを無料のHTMLアカデミーコースにする
  • 宮崎トリビュートアニメーション-SVGおよびGSAPを使用
  • より手頃なSVGを作成する7つのソリューション
  • shapeshifter-SVGでモーフィングアニメーションを作成するためのWebアプリケーション
  
  
• 性能：
  
  
  • Webパフォーマンストップ100旅行サイト
  • HTTP / 2とは何ですか？
  • プログレッシブ改善テクニックのパフォーマンス上の利点
  • WebAssemblyが高速なasm.jsである理由
  • WebAssemblyの最初の検討
  • AMPconfの概要：AMPは生産性を高めるフレームワークです
  • AMPを信じています（AMPでは信頼しています）
  
  
• ツール：
  
  
  • HTMLリンティング用のChrome拡張機能であるAlixの作成
  • コマンドラインを介してGulpタスクにパラメーターを渡す方法
  • animista -CSSアニメーションを便利に作成するためのオンラインサービス
  • コンソールインポーター-ChromeのコンソールからJSおよびCSSリソースを簡単にインポート
  
  
• 練習する
  
  
  • フロントエンドとバックエンドにプッシュ通知を実装します
  • A-Frameを使用したHTMLを使用したWebVRのMinecraft
  • Webコンポーネント：独自のカスタムコンポーネントを作成する方法

CSS

• 文書構造を選択する問題
• 別のCLIと新しいCSSTreeパーサーを備えたCSSOオプティマイザー3.0.0の新しいバージョン
• CSSグリッドレイアウト：
  
  
  • グリッドレイアウトが夏を過ごした方法
  • Robin Gridからcss-tricksまで、 CSS Gridを始めよう
  • グリッドレイアウトで要素を整理および整列する方法
  • CSSグリッドレイアウトとプログレッシブエンハンスメント
  • CSS Grid VS Flexbox：実用的な比較
  • Chris Wrightによる詳細な記事、 CSS Grid Layoutの紹介
  • CSSグリッドレイアウトはここにあります 。 ブルームバーグサポートを使用して、IgaliaによるChromium / BlinkおよびSafari / WebKitでのCSSグリッドレイアウトの開発に関するストーリー
  
  
• モジュラーCSSの作成（パート1）
• css-js-loaderを使用してCSSを最新化する方法
• ワッフルグリッド -フレックスボックスのシンプルなグリッドシステム
• リフロー防止

Javascript

• JavaScriptの簡単な歴史。 パート1
• モジュラーJavaScriptの進化
• 機能的なJavaScriptでのフィルタリングとチェーン
• 非同期JavaScriptと遅延
• JQuery 3.2.0がリリースされました。 とりわけ、カスタムCSSプロパティのサポート
• 効果的なJavaScript開発者の習慣
• WebAssemblyはJavaScriptを置き換えますか？
• アレイを操作するときの3つのハック
• JavaScriptを使用した非同期依存関係の管理
• JavaScriptのオブジェクトとイミュニティについて知っておくべきこと
• ES2015 +：
  
  
  • 新しいJavaScript：非同期イテレーター
  • 現在ES6で使用できる5つの機能
  • ES6のクラスを理解する
  • 連続プロセスの通信：Dr.の非同期ジェネレーターの代替 アクセル・ラウシュマイヤー
  
  
• 反応：
  
  
  • 反応アプリケーションのためのブリッジヘッドの準備
  • React Loadable Library View
  • React Nativeアプリの作成の紹介
  • 子どもたちのダンスの例として説明されている反応方法のライフサイクル
  • Angular 2 vs React Final Battle Round 2
  • React Routingは簡単な方法です
  • Reactコンポーネントのメモ
  • React Router-ルーティングの学習
  • React-Reduxアプリケーションのクイックヒント
  
  
• Vue：
  
  
  • Vue 2を使用してSPAを作成する方法（パート1）
  • Vue.jsはどこから来たのですか？
  • VueJSの簡単な紹介
  • Flowを使用したVue.jsコンポーネントの作成
  • Vue.jsおよびExpressによるシンプルなサーバー側レンダリング
  • bottle-vue-kickstart -Vue.jsを含むスターターパック（Axios、Bulma.io、Babel、Webpack 2を含む）
  • Eagle.js-ハッカー向けのVue.jsスライドショーフレームワーク
  
  
• 角度：
  
  
  • Angularでのアプリケーションを計画しています
  • Angular v4で注意すべき5つの機能
  • コンポーネントアーキテクチャの理解：角度アプリケーションリファクタリング
  • Angularアプリケーションの作成方法：Kendo UIでスタイルを追加する
  
  
• プラグインとライブラリ：
  
  
  • HyperApp -Elm風味のフロントエンドアプリケーションを作成するための1kb JSライブラリ
  • Sazerac -Jasmine、Mocha、Jestのデータベースのユニットテスト
  • Fetch Inject -Fetch Injectionを使用してDOMにリソースを挿入します
  • Planck.js-物理的な2Dエンジン

ブラウザ

• Firefox 53-betaおよびFirefox Developer Edition 54のテスト
• FirefoxでALSAサウンドシステムのサポートを停止する理由
• Chrome 57は背景タブの欲求を抑えてエネルギーを節約します
• Chrome 56はWebGL 2.0のサポートを取得します
• Chrome開発者は、バックグラウンドタブの完全な停止に移行する予定です
• Chromiumは、アニメーションPNG画像のサポートを追加します
• Chrome 57は、消費電力を削減するためにバックグラウンドタブを「チョーク」することを学びました

おもしろい

• Googleの新しいアルゴリズムはJPEGを35％圧縮します
• GitLabはGitterの購入を発表し、そのコードを開く予定です
• Googleはパブリックドメインコードアルゴリズムで投稿し、画像を35％圧縮します
• テレグラムは暗号化された音声通話のテストを開始します
• マイクロソフト、世界中のOffice 365向けSlackライバルを開始
• 別の時代の終わり：Windows Vistaは4月11日から正式にサポートを終了します
• Airbnb、Facebook、Appleなどの企業の例に基づいて、全世界で使用される製品の設計はどのような原則に基づいていますか
• Googleでは、記号||、===およびその他のプログラム表記でフレーズを検索できるようになりました
• ヤフーの共同設立者は、紫が間違って会社の色になったと言います
• スティーブ・ジョブズが復活したか、Appleの7つの大罪
• ITプロフェッショナルがApple、Google、またはMicrosoftで仕事を得るために必要な7つのスキル

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

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