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

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

メディア | Web開発 | CSS | Javascript | おもしろい

---

メディア

• ロシア語を話すITポッドキャストの放送チャンネル
• フロントエンドウィークエンドポッドキャスト＃43-HolyJS組織、外国人スピーカー、会議ビジネスに関するアレクセイフェドロフ
• Web Standards Podcast Issue No. 111：新しいポッドキャスト、新しいChrome 65、信頼性の高い一致、スマッシュゲートとMooTools、WebpackとMake、CSSOストーリー、PWAを必要とする人に関するArthur Stolyar
• ティム・マリニンによるウェブ履歴ポッドキャスト： 「それ以外の場合はどうでしょう」
• Devschachtポッドキャスト： Night Front End ＃25-アプリケーションアーキテクチャに関する考察
• ポッドキャストフロントエンドユース（18歳以上） ＃41 JSのベストタイピングの秘密
• loftblogの「DevShow」 、ITでインタビューを受ける方法
• 「すべてのHTML」＃39： 「Houdiniとgreensockによるライフハック」
• KharkivFrontend Meetup＃_2から4ビデオ
• Vuejs Amsterdam、10ビデオ
• モスクワJS 40-レポート、ゲストレビュー、ビデオ

ウェブ開発

• 単純なものはすべて再び複雑になりました
• 2018年にProgressive Web Apps、React Native、およびNativeScriptから選択する

• AMP：
  • Googleは、AMPをWeb標準にしたい
  • Googleのインサイダーは、AMPのようにウェブ全体を高速化することを計画しています
  • 質問はAMPではなく、Googleにあります
  

• 性能：
  • サードパーティのJavaScriptをダウンロードします 。 Eddie OsmaniとArthur Evansの記事で、DevTools＆Lighthouseを使用して、重い3Pスクリプトとそれらを効率的に読み込むためのテクニックを特定する
  • カスタムフォントを使用するための3つのパフォーマンステクニック
  • 完全なブラウザヒントガイド：プリロード、プリフェッチ、およびプリコネクト
  • 遅いWordPressサイトを.2s（100％Pingdom + GTmetrixスコア）にロードする最適化方法：40以上の関連するWP最適化のヒントを含む詳細リスト
  

• ツール：
  • より高速で信頼性の高いビルドのための「npm ci」の紹介
  • PhantomJS開発の終了
  • webpack 4の新機能
  • Chrome 65 Webブラウザリリース
  • Chrome 65の新機能：CSSペイントAPI、サーバータイミングAPI、およびCSSディスプレイ：コンテンツ
  • coördinator -SVGをXY座標に変換するためのオンラインツール
  

• アクセシビリティ：
  • アクセス可能なランドマーク 。 ARIA可用性ラベルの詳細
  • A11yは...
  • Vox Accessibility Guide /チェックリスト
  • 「alt」のテキストに関するいくつかのこと
  

• アニメーション：
  • CSS / SVG / JS＃73の毎週の美しい効果の選択
  • p5.j​​sライブラリを使用したクリエイティブなオーディオビジュアライザー
  • テキストの異常な創造的効果を作成するためのCSSテクニック
  • Wormco-楽しいステータスインジケータ
  

CSS

• CSSの映画、またはグリッドのアニメーション化方法
• CSSについて知っておくべき奇妙なこと
• LibSassバージョン3.5の安定リリース、および LESSのバージョン3.0.0への最近の更新
• 古いブラウザも含め、すべてのブラウザで動作するようにCSSを記述する方法
• UFOCSSを使用して大規模プロジェクトでCSSを整理する方法-パート1
• HoudiniとCSS Paint APIに挨拶する
• 90年代と同じ方法でCSSを記述します。はい-愚かです

• フォント：
  • Webフォントを使用するときのいくつかの明白でない熊手
  • Glyphhangerを使用することのニュアンスと利点について-フォントのサブセットを制御するツール
  • CSS変数を使用してフォントを動的に増やす
  • Font（その他）Awesome-独自のカスタムフォントを作成してFont Awesomeに統合する方法
  • ユーザーエクスペリエンスとWebフォント、またはWebフォントのクレイジーワールドダウンロード
  • FontDrop！ -OpenTypeおよびTrueTypeフォントをこのオンラインツールにドラッグアンドドロップするだけで、それらが何で構成されているかを確認できます。
  

Javascript

• 2018年のJavaScript学習プラン
• 新しいReact API：サスペンス（ru字幕、DanからJS Confまで）
• GraphQL：知っておくべきこと
• 超高速JSフレームワークの作成方法
• 使用するJavaScriptモジュール

• 理論：
  • .getInstanceの表示： テンプレートリテラル
  • JSでイテレーターを使用します 。 サイクルへのアプローチを変える
  • JSの仕組み：Webプッシュ通知
  • 知っておく必要のある4ページのシングルページアプリケーション
  

• タイプスクリプト：
  • 私の親友のTypeScript
  • TypeScript-超大国のJavaScript-パートII
  • TypeScriptの概要：Webの静的型付け
  

• VueJS：
  • Vue.jsを使用してシングルページアプリケーション（SPA）を作成する方法
  • NativeScript-Vue 1.0の開始
  • vue-tour -Vue.jsを使用してカスタマイズされたサイトツアーを作成するためのシンプルな軽量プラグイン
  • Vue.jsを使用するための4つのヒント
  

• 反応：
  • 最速のメモ機能を書いたので
  • react-css-grid-table -CSSグリッドレイアウトを使用したReactのテーブルライブラリ
  • Redux FormによるReact Form Management
  

• 角度：
  • ngUpgradeの開始：AngularJSからAngularへの移行
  • Reactツールを使用してAngularアプリケーションを強化する
  • tinystateは、Angularで状態を操作するための小さくても強力なライブラリです
  • Schematicsを使用して時間をかけずにAngularライブラリを作成
  

• ライブラリとプラグイン：
  • Awaity.jsはasync / awaitに触発されたbluebird.jsの機能的で軽量な代替品です
  • workly-関数/クラスをウェブワーカーに転送する簡単な方法
  

おもしろい

• 現在、グローバルネットワークのほぼ3つのサイトでWordPressが使用されています[W3Techs Study]
• シリコンバレー-それだけです。 だから、シリコンバレー自体は言う
• Googleは、系外惑星を検索するためのシステムのソースコードへのアクセスを許可しました
• PDFが世界で最も重要なドキュメントストレージ形式である理由。 そしてポール・マナフォートはそれと何の関係があるのか
• 情報技術が私たちの認識をどのように変えたか
• インフォグラフィックス：2017年にインターネットで何が起こったのか
A.

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

先週のダイジェスト 。
dersmollとalekskorovinが作成した資料。