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

今年の最新セレクションには、フロントエンドエリアとその周辺からの新しい素材へのリンクがあります。

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

---

メディア

• ポッドキャスト「Web Standards」 第153号：アスタナのコミュニティ、YouTube vs Edge、AndroidおよびPWA、写真、オフラインおよびサービスワーカー、仕様からのCSS、ユニコーンのようなフルスタック
• Angular Five Minute Podcast ＃14-より多くのグループとチャンネル、最適化、StackBlitz、RxJSパズル、NGX
• フロントエンドウィークエンドポッドキャスト＃85-Odnoklassnikiでの作業と会議準備のニュアンスに関するDmitry Makhnev
• ポッドキャストフロントエンドユース（18+） 新年ストリームユースフロントエンド
• CSSSRポッドキャスト、 ニュース 512- 新年スペシャル
• 「すべてのHTML」＃s2e3： 「雪片、キャンバススケッチ」

ウェブ開発

• フロントエンド2018：今年の結果
• フロントエンド開発者の地位に関する候補者への質問
• 今日のWebP：理由と方法
• サイトのオフラインページを作成する
• 2018年のフロントエンドの包括的な外観
• 1998年のようにサイトを作成します
• 2018年のようにサイトを作成します
• 仮想DOMについて

• 性能：
  • Web生産性入門：初心者向けガイド2019
  • Webアプリケーションの知覚パフォーマンスを改善する
  • 画像のグラデーションプレースホルダー
  

• PWA：
  • わずか10分でPWAを作成
  • PWAおよびWebアプリマニフェストアイコン作成のSiriショートカット
  • 2019年のプログレッシブWebアプリのウィッシュリスト
  • PWAはネイティブモバイルアプリに取って代わりますか？
  

• ツール：
  • Fiddly-Readme.mdファイルから美しくシンプルなHTMLページを作成します
  • Webpack：0〜自動テスト
  

• アニメーション：
  • 最小のTHREE.jsでの3次元製品プレゼンテーション
  • 2018年のクールなデモの選択
  

CSS

• 最新のレイアウトの基礎としてのグリッドレイアウト
• 純粋なCSSリンク下線アニメーション
• クリップパスの初期実装：パス（）;
• CSSグリッドを使用して画像ギャラリーを作成する方法
• CSSグラデーション境界線
• フロントエンドプロジェクトの一般的なCSSの問題

Javascript

• 2019年に自分よりも成長したいNode.js開発者向けの19のアイデア
• JavaScriptでの関数型プログラミングの原則
• JS 2018の結果と将来の予測
• JavaScriptを使用したデータの調整
• Node.jsでWebスクレイピングを行う方法
• 調整とデバウンスの理解

• 反応：
  • Reactコンポーネントの終了
  • Reactフック：テストはどうなりますか？
  • Reactでサードパーティコンポーネントをカスタマイズする方法
  • 2019年のReact Testing React
  • React / Reduxインタビューの質問
  • ReactおよびReduxミドルウェアを使用してWebオーディオを管理する
  

• 角度：
  • 2018年のロシア語圏のAngularコミュニティの統計
  • 年間5億人のユーザーがいるWebサイトを1日以内にAngular 7に更新した方法
  • Angularでミックスインを楽しんで
  • クイックリンク-新しい角度プリロード戦略
  • Angularの404スマートページ
  

• VueJS：
  • 2019年のVueの使用方法：TypeScriptとTSX
  • Vue.jsとElasticSearchを使用してBookSearchアプリケーションを作成する方法
  

• ライブラリとプラグイン：
  • ショートカットJS -JavaScriptを使用したAppleショートカットの作成
  • Magic Grid-動的なグリッドレイアウト用のシンプルで簡単なJavascriptライブラリ
  • netlify-shortener-Netlifyを使用した独自の無料URL短縮サービス
  • node-security -npmモジュールへのアクセスを制御する最も簡単な方法
  

ブラウザ

• プライバシーとセキュリティが変更されたFirefoxの亜種であるLibrefoxを利用できます。
• XiaomiはMint Browserをリリースしました-ナイトモード、ブックマークの同期、広告なしのAndroid用ブラウザー
• Microsoftは、Windows 10 October 2018 Updateでブラウザーのパフォーマンスを比較しました
• Firefox 66では、タブを検索するボタンが表示されます
• Firefoxでカスタムスタイルを追加する方法

おもしろい

• エレガントなクリスマスツリーをASCIIシンボルで描画します（だけでなく）
• Dragonflyプロジェクトの歴史：Googleが中国に行った経緯
• 2018年の最も役に立たないイノベーション-Inc.リスト
• ITの混乱：2018年にテクノロジーリーダーが直面した課題
• TechCrunchが2018年のベストガジェットとワーストガジェットに選ばれました

さて、来年は新しいフレームワークを減らしてフロントエンドの安定性を高めたいと思います。 明けましておめでとうございます！

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