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

フロントエンドエリアとその周辺の新しいマテリアルへのリンクを含むセレクションをご紹介します。

メディア

ウェブ開発

CSS

Javascript

ブラウザ

おもしろい

メディア

• ポッドキャスト「Web Standards」、第80号 ：Firefox 55、Samsungは、Safariが最もよく知っているアルゴリズムとパターン、透明なJPG、電報、ダウンロードの優先順位、手品、Node.jsのモジュール。
• React Five Minute Podcast＃30 ：setStateとコード編成
• Angular Five Minuteポッドキャスト＃1 ：Angular 5 Beta 3、Angular CLI 1.3、CreateAngularComponents
• フロントエンドユース（18+）ポッドキャスト＃14 ：フロントエンドパフォーマンスのすべての秘密
• ポッドキャスト「devschacht」、第6号 ：フロントエンドでの調理：一部はNode.js、一部はCSS-in-JSで、FRPを密に調味し、コルチンのピンチと緑のスレッドのティースプーンを追加します。
• ポッドキャストDrinkcast＃3 ：「ディーバは以前より環境に優しい」
• フロントエンダーは設計アルゴリズムとパターンを知る必要がありますか？ 。 HTMLショートパンツのIgor Alekseenko
• フロントエンドでのY. Subbotnikの放送の録音 、サンクトペテルブルクで8月12日に開催
• 完全にツールのヒント：Webpackのヒント 。 Google Chrome開発者による定期的なショー、このリリースのWebpackのヒント

ウェブ開発

• ウェブサイトをローカライズするときに常に覚えておく必要があるので、後で恥ずかしくない
• 機械学習でウェブサイトをスピードアップ
• フロントエンドのイベントカレンダー 。 1つのカレンダーで世界中のフロントエンドでの会議、会議、その他のイベント。
• W3Cは、以前のHTML仕様を廃止することを検討しています
• 重要なリクエスト 。 ベン・シュワルツ：重大な要求
• LifeゲームのWebAssemblyチュートリアルの紹介
• .NETとWebAssemblyはフロントエンドの未来ですか？
• AppleはプログレッシブWebアプリのどの機能をサポートしますか？
• SEO：
  
  
  
  
  • GoogleはオプティマイザーにJS開発者がSEOを理解するのを支援するよう奨励
  • JavaScriptとSEO：クロールとインデックス作成の違い
  • Shuvayatra開発者がSEOコンテキストでプログレッシブWebアプリを実装した経験を共有
  
  
  
• ツール：
  
  
  
  
  • npmパッケージの悪意のあるコードとその戦い
  • Bootstrap 4ベータの公式リリースがついに行われました。 Bootstrap 4 Alpha 6からBetaへの移行
  • JPNG.svg -JPEG圧縮を使用した透過PNG
  
  
  
• アクセシビリティ：
  
  
  
  
  • サイト開発時のアクセシビリティの主なエラー
  • 手頃な価格のSPAを作成する
  • SVGで利用可能なテーブル
  
  
  
• アニメーション：
  
  
  
  
  • CSS / SVG / JS＃48の美しいエフェクトの毎週の編集
  • JavaScriptによる移行 ：Ana Tudorからの小さなChromeのみのデモのコレクション（CSS変数と少しのJS）
  • 生産的なWebアニメーションとインタラクティブ：60 FPSに到達
  • モーフィングの効果があるページ間の創造的な移行
  • CSSおよびJavaScriptフレームアニメーションガイド

CSS

• 間隔のプロパティ（* -gap）はユニバーサルになります
• CSS封じ込めレベル1モジュールは推奨候補になりました
• EqualizeCSS-最新の軽量フレックスボックス（Sass）ベースのグリッドシステム
• ReactアプリケーションでのCSSモジュールの使用に関する実践ガイド
• コンポーネントアプローチを使用してCSSスタイルを分離する
• CSSで16進数の色の神話を暴く
• フォントサイズ：予想外に複雑なCSSプロパティ
• Shadow DOM：高速でカプセル化されたスタイル
• Webフォント：必要なときとそうでないとき
• CSS継承：はじめに
• 「ラッパー」CSSラッパーを実行する最良の方法
• Flex GrowとFlex Basis：レスポンシブレイアウト
• CSSグリッドレイアウト：
  
  
  
  
  • グリッド上の実際のプロジェクトのレイアウト（CSSグリッドレイアウト）
  • 明示的グリッドと暗黙的グリッドの違い
  • CSSグリッドレイアウトのブラウザー互換性を向上させるシンプルなSassミックスイン
  • グリッド仕様の変更と複数列レイアウト
  • グリッドとカスタムプロパティを使用したCSSグラフィックの作成
  • chrome-css-grid-highlighter -CSSグリッドレイアウトを強調表示するChrome拡張機能

Javascript

• NodeのESモジュール 。 新しい標準/ esmブートローダーの発表
• JavaScriptが嫌いな人向けのJavaScript
• Javascriptでの機械学習 。 機能概要スライド
• JavaScriptパターン：オブザーバーパターン
• JavaScriptエコシステムのテーマについていく方法は？
• JavaScriptの実際の仕組み：パート1
• 練習：
  
  
  
  
  • Intersection Observerを使用した画像の遅延読み込み
  • JavaScriptのバイナリ検索。 実用例
  • 3週間で最初のフルスタックJavaScriptアプリケーションを作成した方法 。 アイデアから立ち上げまでの簡単なステップバイステップガイド
  • Perspective APIを使用した会話の改善
  • GitHub検索UIを60分で作成する方法
  
  
  
• VueJS：
  
  
  
  
  • VueJsでPWAに最適なモバイルコンポーネント
  • React + Webpack：混乱、欲求不満、Vue.jsがどのように役立つか
  • VueJS用のYandex Mapsコンポーネント
  
  
  
• 反応：
  
  
  
  
  • ReactがVue.jsよりも優れている理由。 そしていつ。
  • React Progressive Web Apps-パート1
  • React.JSを使用してAPIからデータを取得する
  • Relay ModernでCreate Reactアプリを使用する
  • react-beautiful-dnd -React.jsを使用したリストで使用可能なドラッグアンドドロップ
  
  
  
• 角度：
  
  
  
  
  • AngularはXSS攻撃からどのように保護しますか？
  • MEANスタック：Angular 2+およびAngular CLIを使用したアプリケーション開発
  • Angularの一般的なモジュールの問題を回避する
  
  
  
• ライブラリとプラグイン：
  
  
  
  
  • js-meter-ランタイム、CPU、RAM、およびJavaScriptコードのヒープのパフォーマンスを測定するためのツール
  • posterus-実際のキャンセル、スケジュール管理、コルーチンを備えた構成可能な非同期プリミティブ（将来）
  • nanoid-小さなURLフレンドリーな一意のIDジェネレーター
  • react-simple-maps -d3-geoおよびtopojsonを使用したSVGマップ
  • DisplayJSは、野心的なUIを作成するための迅速かつ簡単なJSフレームワークであり、jQueryにいくつかの場所で似ています

ブラウザ

• MozillaにはChromeを倒す計画があります。 Firefox 57とアーマードフォックスに会う
• Firefox 55リリース 、 Marat Tanalinからの解析詳細
• Firefox 55：WebVRをサポートする最初のデスクトップブラウザ
• フィッシング詐欺師は2か月間、Chrome拡張機能の開発者を「狩り」続けています。
• Opera 47 Webブラウザーリリース
• Safariテクノロジープレビューリリース37

おもしろい

• 新しいフロンティアがとられる：ビットコインのコストは4000ドルを超えた
• FoursquareはSwarmを再度更新しました。 これが旅行日記です
• Facebookがカスタムおよびプロフェッショナルビデオを使用したYouTubeのようなビデオサービスを紹介
• SoundCloudはさらなる作業のための資金を見つけ、CEOを変更しました
• 暗号通貨とブロックチェーン：歴史と市場の見通し
• ESportsは、オリンピック2024のプログラムに含まれる場合があります
• 道路標識の改ざんは無人車両を混乱させる可能性があります
• OpenAIボットがDota 2のトッププロフェッショナル3人を破る
• Yandex.Navigatorはどのように機能しますか？ アルゴリズムがルートを構築する方法、トラフィックデータの発信元とサービスの支払い先
• 圧縮アルゴリズム-優れた視覚化を備えた導入
• オープンソース会員ガイド

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

先週のダイジェスト

ダースモールとアレクスコロビンが作成した資料