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

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

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

---

メディア

• フロントエンドウィークエンドポッドキャスト＃40-ミンスクへの移住とIT部門の女の子に対する嫌がらせについてのAlexandra Shinkevich
• ポッドキャスト「Web標準」、 問題番号108：新しいポッドキャストフィード、実験とレイアウトの基本、過熱した給与、デスクトップ上のPWA、jQueryの代わりのECMAScript 3000、Node.js 10。
• Devschachtポッドキャスト： ナイトフロントエンド＃ 22- ローリングスコープ2日目
• ポッドキャストフロントエンドユース（18+） ＃38ローリングスコープ。 印象
• フロントエンドユース（18+）ポッドキャスト＃37 React Secrets
• あなたのすべてのHTML＃36： 「シェーダーとノイズの火」

ウェブ開発

• フロントエンドインタビューのハンドブック（回答あり）
• favicon.icoの隠し暗号通貨マイナー-2018年へようこそ
• 長いヘッダー（CSSおよびHTML）の短縮テクニック
• シンプルだったすべてが再び複雑になりました
• アクセシビリティ：概要2017およびPerspectives 2018
• モバイルWeb：速度が重要な場合

• AMP：
  • GoogleがAMPストーリーを導入
  • GoogleはAMP for Emailを導入しました
  • Google：AMPの結果のクリックの60％以上がニュース以外のサイトで発生しています
  • AMP：見つからないディスカッション ：Googleの不正行為のパフォーマンス
  • 手紙のためのAMPはひどいアイデアです
  • 両面AMP
  • メールデザインポッドキャスト＃94：GmailのAMPサポートアナウンスに対するインスタントレスポンス
  

• ツール：
  • Parcel v1.6.0：Zero Config ES6 +およびJSX、ノードおよびエレクトロンターゲット、ギャング統計など
  • Zach LithermanがEleventyを導入、新しい静的サイトジェネレーター
  • JavaScriptビルダーの選択：構成するか構成しないか、それが問題です
  

• 効果：
  • SVGマスクとすごい効果：簡単な言葉の魔法について
  • CSS / SVG / JS＃70の美しいエフェクトの毎週の選択
  • スクロール文字アニメーション
  • SVGでのクリッピングとマスキングの詳細ガイド
  

CSS

• Roman Komarovの新しい実験：CSSとHTMLを使用したテーブルの並べ替え。
• CSSの基本：重要な構文と重要ではない構文
• CSSの基本：複数の背景の使用
• CSS Basics：より堅牢なWebタイポグラフィのためのフォールバックフォントのスタック
• CSS変数について知っておくべきこと
• HTMLメールのメディアクエリについて
• Chromeプロファイリングツールを使用してCSSのパフォーマンスをデバッグする
• Firefox DevTools Nightlyはflexを持つ要素のフラグを表示するようになりました

• CSSグリッド：
  • CSSグリッド+ CSS列=愛
  • CSSグリッドの基本：全体像 。 Layout Landの新しいエピソード
  • UI要素のCSSグリッド
  

Javascript

• アクセシビリティを忘れずにJavaScriptを作成します
• Ember 3.0リリース
• 7.0 Babelのリリースに近づいています。 ここに私たちが取り組んでいるすべてのクールなものがあります。
• Eloquent JavaScript、第3版 -JavaScriptおよびプログラミング本の草案
• JavaScriptでのイベント伝播の簡単な説明。
• JavaScriptとプッシャーを使用してリアルタイムでユーザーステータスを更新する方法
• JavaScriptコードをシンプルで読みやすいものにする方法
• 匿名JavaScript公開チャットを作成した方法

• ES2015 +：
  • ES6のヒントとコツ。コードをより簡潔で簡潔で読みやすくします。
  • Async Await Saves The Day（Like It）
  • 約束は十分に中立ではない
  

• VueJS：
  • jQueryをVue.jsに置き換える：ビルドステップはオプションです
  • Vue.jsでSaasアプリケーションを作成するときに学んだ5つのこと
  • Vue.jsを使用して暗号通貨トラッカーを作成する
  • Vue.js-「なぜ」という質問に対する答え、15か月後
  

• 反応：
  • 反応コンポーネントの正しいオブザーバーパターンを調査および実装します
  • Reactアプリケーションを作成する際のパフォーマンスの問題を回避する
  • Reactのデザインパターン
  • React Easy Stateの背後にあるアイデア
  • Reduxを使った難民のためのHyperapp
  

• 角度：
  • Angular 5：単体テスト
  • 安定したAngularJSとLTS
  • Google検索結果から色あせたAngular 1ドキュメント
  • C AngularJS on Angular5-大規模アプリケーションの更新
  

• ライブラリとプラグイン：
  • D3.jsを使用した折れ線グラフの形式での大量のデータの表示
  • date2json -JSON形式で日付を解析します
  • face-verify.js ：セキュリティを強化するためにサイトを物理的に表示しているユーザーを監視します
  • blotterJS-インターネット上で非伝統的なテキスト効果を描画するためのJavaScript API
  

おもしろい

• YouTubeがクラッシュしましたか？ または1パーセントの問題
• セマンティック検索とGoogleの時代のテクニカルSEO
• GitHubのオープンプロジェクトへのIT企業の貢献に関する調査が公開されました。
• GoogleはGmailにメールから直接ページを表示する機能を追加し、サードパーティアプリケーションがSmart Replyを使用できるようにします
• Skype 7.40のクラシックバージョンがMicrosoftサイトから消えたのはなぜですか？
• 広告ブロッカーの問題：2017年の広告フォーマットの変更がブロックサービスにどのように影響したか
• 最初のWebAssembly作業プロジェクトを導入
• 新しいタイプの攻撃MeltdownPrimeおよびSpectrePrimeが導入されました
A.

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

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