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

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

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

---

メディア

• Radiojsポッドキャスト問題51：Sergey RubanovとGrigory ShehetによるMiniBeerJS

• Podcast「Web Standards」 ＃109：耳を傾ける場所、イベントと朝食、古いエンジンと新しいエンジン、糸に追いつくnpm、ゼロからのグリッド、カスタムまたはシステムフォント、古い推奨事項、コンソールの危険なエイリアス。

• フロントエンドウィークエンドポッドキャスト＃41-シンフェロポリオフィスの設立とヤンデックスのウクライナ開発に関するVitaliy Kharisov

• 青少年フロントエンドポッドキャスト（18+） ＃39神の目的に反するJavascriptの改善

• Angular Five Minuteポッドキャスト＃10-AngularKyiv、AngularPiter、Habrahabrが反撃

• Devschachtポッドキャスト： Night Frontend＃23-SPbフロントエンドMeetup：スペース、ジェンキンス、およびTCPの問題

• 「すべてのHTML」＃37： 「地球、座標、四元数、リダ」

• OdessaFrontend Meetup＃5からのビデオ

ウェブ開発

• アプリケーションの脆弱性

• フロントエンド開発者の給与市場

• フロントエンドインタビューガイド

• 2018年のSEOステータス

• Web開発者とのインタビューのためにスキルセットを準備する-パート1

• 完璧なレスポンシブコンフィギュレーターの作成

• VSコードでのSVGの使用について知っておくべきこと

• プログレッシブWebアプリはすべてのChromeプラットフォームに搭載されています

• プログレッシブWebアプリ（PWA）は、Microsoft、Google、Appleの優れたバランサーになります。

• WebPageTestを使用して、サードパーティのリソースが生産性に与える影響を測定します

• ツール：
  
  • Chrome開発者ツールの習得：フロントエンド開発の次のレベルのテクニック
  
  • Webpack 4.0.0：Legatoがリリースされました。 ビルド時間を最大98％高速化、sideEffects、ファーストクラスWebAssemblyサポート、＃0CJS-モード、自動共通チャンクなど
  
  • Npm v5.7.0リリース 留意点： NPM 5.7の重大な問題により、システムディレクトリへのアクセス権が変更される
  
  • 新しいNPM CIとpackage-lock.jsonを使用してCIビルドを高速化する方法
  
  • GradPadを使用したオンライングラデーションCSSジェネレーター
  
  • kuker -React、Angular、Vue＆Vuex、Redux、redux-sage、HTML、Stent、Machina.js、MobXでアプリケーションをデバッグするためのブラウザー拡張機能
  
  

• アクセシビリティ：
  
  • 1月のロンドンアクセシビリティMeetupのビデオが公開されました
  
  • テーブル、CSS表示、およびARIAプロパティ
  
  • 可用性ツールの互換性テスト
  
  

• 壮大なウェブ：
  
  • CSS / SVG / JS＃71の美しいエフェクトの毎週の編集
  
  • SVGとanime.jsを使用して弾性範囲入力を作成する
  
  • 体積流体モデリング
  
  • CSS変数を使用した見事なホバー効果
  
  • 三角法とGSAPを使用したログインフォーム用のアニメーションSVGアバターの作成
  
  • フラグメントのアニメーションを含むクリエイティブなスライダー
  
  

CSS

• レスポンシブデザインメディアクエリ2018

• CSSのトピックに関する風刺的なスケッチ、またはフロントエンド開発の驚き

• フレックスボックスで混propertyを起こさずに順序プロパティを使用する方法

• グリッド上のレイアウト「バトルシティ」

• GOV.UKフロントエンドの新しいタイポグラフィの開発

• 5分でCSS変数を学ぶ

• 生成されたコンテンツとCSSグリッドレイアウトを使用した空のセルのスタイル設定

• マージン崩壊の修正

• CSS変数を学びたいですか？ これが私の8部無料コースです

• Webフォントを理解し、それらを最大限に活用する

Javascript

• [ブックマーク] JavaScriptプロジェクトをテストするためのツール

• Jake Archibald：JavaScriptのイベントループについて知っているすべて（2018）

• 2018年にJavaScriptを使用する方法

• 2018年のJavaScript学習風景

• This.JavaScript-現在のJavaScriptフレームワークとライブラリの状態

• GreenSock Animation Platform初心者ガイド

• webpackとbabelを使用してES6 JavaScriptでプロジェクトを設定する

• JavaScriptコードのコピーと貼り付けの検出とリファクタリング

• 理論：
  
  • Axel RauschmayerブログのECMAScript 2019の実際の機能および潜在的な機能
  
  • ES2018およびES2019の探索 。 Dr.の無料オンライン版 アクセル・ラウシュマイヤー
  
  • 最新のJavaScriptのエレガントなパターン：RORO
  
  

• VueJS：
  
  • TDDとVue.jsの使用を開始する
  
  • Vue Enterprise Boilerplate -Vue CLI 3を使用して新しいVue SPAプロジェクトを開発するための絶えず進化するアーキテクチャと環境
  
  • VueJS Talks Digest 2017年第4四半期-VueJS mitapsの最新録音
  
  • Vue.jsとNativeScriptを使用した真のネイティブアプリケーション
  
  • Vue.jsとFlaskを使用した単一ページアプリ：Vuexを使用した状態管理
  
  

• 反応：
  
  • 新しい状態レデューサーテンプレート
  
  • Reduxとは何か、なぜ必要なのか
  
  • ReactエコシステムとD3エコシステムを統合する
  
  

• 角度：
  
  • 2018年にAngularからReactおよびReduxに切り替える理由
  
  • Angularの依存関係反転の原理をわかりやすく説明する
  
  • Angular + Prettierの詳細なチートシート
  
  

ブラウザ

• Chrome 68はすべてのHTTPサイトに安全でないとフラグを立てます

• Google Chromeモバイルブラウザーは、ユーザーが[共有]メニューを使用して共有するURLの「追跡」の末尾を自動的にトリミングし始めました

• 高速化された広告ブロッカーが導入されたOpera 52ベータ版

• Webテスト用の6つの人気のあるヘッドレスブラウザー

• Safariテクノロジープレビュー50のリリースノート

おもしろい

• GitHubは弱い暗号化方式のサポートを終了しました

• 絵文字、説明、プレビュー：GitHubは更新されたラベルを受け取りました

• マイクロソフトは、複合現実技術の開発に関する考えを共有しました

• MIT Technology Reviewによると2018年の10の画期的な技術

• Googleの専門家は、Windows 10の最新のパッチの1つは効果がないと報告しました

• 本当に存在する13の最も奇妙な暗号通貨

• MicrosoftとXiaomiは、人工知能技術とスマートフォンの研究でパートナーになりました

• Gmailには高度な分析機能があります

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

先週のダイジェスト 。

dersmollとalekskorovinが作成した資料。