前週の第315号のフロントエンドの世界からの新鮮な材料のダイジェスト（2018年5月14〜20日）

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

メディア | Web開発 | CSS | Javascript | ブラウザ | おもしろい

---

メディア

• フロントエンドウィークエンドポッドキャスト＃53-PhantomJSサポートの歴史とRostov ITコミュニティの発展に関するVitaliy Slobodin

• ポッドキャスト「Web Standards」第121号： ブラウザについてのGDPRとは、CSSはデザイン、曲線に沿った動き、すべてのスペース、動的NodeList、CSS-in-JSへの批判、陳腐化症候群、非参照。

• RadioJSポッドキャスト問題52：フロントエンドマイクロサービス。 アウェイアンドレイ・メリホフとヴャチェスラフ・スリンコ

• CSSSRポッドキャスト： ニュース 512- 第6号（5月13日-5月20日）

• すべてのHTML＃49： シンプルなウェーブシェーダー

• JS DevDay。 レポート記録

ウェブ開発

• フロントエンド2018：さまざまなフレームワークとミドルの欠如

• 大文字の再設計：2017年にSmashing Magazineを再起動する方法を学ぶ

• Internet Explorerの遅い死と進歩的な強化の未来

• フロントエンド開発の基本を学ぶための10のYouTubeチャンネル

• GraphQLは未来ですか？

• Lighthouseを使用してページ読み込みのパフォーマンスを改善する

• スニペットは、GitHubからJavaScriptスニペットコードをインポートして呼び出すことができるChromeの拡張機能です

CSS

• ディスプレイ付きのよりアクセスしやすいマークアップ：コンテンツ

• 「ビッグスリー」プロパティに加えて、CSSの軌跡

• CSSは設計です！

• CSS変数戦略ガイド

• レスポンシブテーブル、再考 、新しいLea Verou新しい記事

• CSS backdrop-filterプロパティ

• CSSグリッドとCSSフレームワークの議論

• ポインターイベントプロパティを使用したSVG相互作用の制御

• CSSの一般的なフォント名の詳細

• css-paint-polyfill -CSS Paint APIのポリフィル、特別なブラウザー最適化

• リスト内の番号付けのスタイル設定

Javascript

• Google JavaScriptスタイルガイドからの13の興味深い点

• 数分でJavaScriptメソッドを使用してスキルを向上させる

• JavaScriptが勝ったらどうなりますか？

• naperg -Fullstack Boilerplate GraphQL。 React＆Prisma +認証+ファイルのアップロード+チャットで作成

• WarriorJS-プログラミングと人工知能に関するJSの楽しいゲーム

• ReasonMLとTypeScript-最初の印象

• JavaScriptでMIDIを再生する

• ES2015 +：
  
  • 理解したい人のための約束ガイド
  
  • 正規表現ニュースES2018-意見
  
  • JSプロキシについて
  
  

• VueJS：
  
  • Vueを好きになったきっかけ
  
  • Vue.jsの7つのバックエンドの比較
  
  • v-runtime-templateを使用してVue.jsテンプレートをオンザフライでコンパイルする
  
  • Bootstrap-Vueを使用したBootstrapとVue.jsの統合
  
  • 新しいVue CLIが開発を簡素化する方法
  
  • Vue.jsを使用して暗号通貨トラッカーを作成する
  
  

• 反応：
  
  • 再利用可能なReactコンポーネントの作成
  
  • React 16-それはあなたのために何ができますか？ パート1 、 パート2
  
  • React Reconciliationの仕組み
  
  • Reactの新しいContext APIの詳細
  
  • React開発者による7つの最もよくある間違い
  
  • ReactでBootstrapを使用する方法
  
  

• 角度：
  
  • CLIを使用せずにプロジェクトでAngularをバージョン6に更新します
  
  • 完全なAngular onPush変更検出戦略ガイド
  
  • AngularJS照合フィルターをAngularに更新する
  
  • ファーストルック：アンギュラーアイビー
  
  • AngularのIvyエンジン：変更のコンパイル、実行、検出の初歩
  
  • 角のツタの変化の検出：準備はいいですか？
  
  

• ライブラリとプラグイン：
  
  • Easy Toggle State -HTML要素のクラスとその目的を簡単に切り替えるための小さなJSライブラリ
  
  • isomorphic-git-純粋なJavaScriptでgitを実装する
  
  • Data-Forge-データの並べ替え、変換、分析のためのJavaScriptツール
  
  • lynt - Typescript 、Flow、Reactをサポートする設定不可のリンター。
  
  

ブラウザ

• Firefox 61：Developer Editionの新機能

• Firefox 60.0.1およびFirefox 61-betaの更新

• HTTPSサイトの接続セキュリティアイコンはGoogle Chromeから消えます

• Googleは、ブラウザゲームとのアルゴリズムの競合により、Chrome 66で自動ロックサウンドをオフにしました

• Microsoft Edgeの画面キャプチャ

おもしろい

• GoogleはGitプロトコルの2番目のバージョンを導入しました

• Electron、Skype、Slack、WhatsApp、Discordなどの脆弱性がリスクにさらされていた

• GDPRについて知っておくべきこと

• 8月には、サードパーティのTwitterクライアントはAPIの更新により多くの機能を失います。

• Googleは、Googleドライブクラウドストレージの新しいGoogle One料金を開始します。100GBが1.99ドル、200 GBが2.99ドル、2 TBが9.99ドルです。

• Googleは、行動規範から「悪ではない」というスローガンを削除しました。 彼は18年間そこに滞在しました

• Googleの従業員は、Project Mavenの枠組みでペンタゴンとの協力に抗議して辞任し始めました

A.

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

先週のダイジェスト 。

dersmollとalekskorovinが作成した資料。