先週のフロントエンドの世界からの新鮮な材料のダイジェストNo.272（2017年7月17〜23日）

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

ウェブ開発

CSS

Javascript

ブラウザ

おもしろい

ウェブ開発

• メディア：
  
  
  • HTMLショートパンツ： 非表示にする方法 。 表示：なしまたは可視性：非表示？
  • ポッドキャスト「Web Standards」第77号 ：CSS Minsk JS、DevToolsの複雑さ、FirefoxのストレージAPI、DRMおよびW3C、CSSクリーニング、スタッフィングとショーツ、ジャイロスコープとドラッグアンドドロップ、Xwebs Megabrowser。
  • ポッドキャスト「フロントエンドウィークエンド」FW＃12 ：ポッドキャスティングとフレームワークに関する「React Five Minutes」のプレゼンター
  • React Five Minuteポッドキャスト＃26 ：Preact Rocks！
  • フロントチャンネルポッドキャスト＃8 ：シェバノフ、依存型、VK
  • フロントエンドユースポッドキャスト＃10 ：JavaScriptがどのように殺されたか！
  • フロントエンドユースポッドキャスト＃11 ：チームリーダーになる方法
  • ポッドキャスト「devschacht」No。5 ：先月公開された翻訳について説明します。
    
  
  
• CSSSR Garbage Collector＃1 ：CSSSRチャットから興味深い資料へのリンクの毎週のコレクション。
• Shadow DOMの取り扱い
• Webパフォーマンス測定。 それは実際には非常に簡単です
• HTTP / 2とバンドルに関する考察
• 実稼働環境でInline SVGを使用する場合のニュアンスについて 。 2年前の人気記事の続き
• AMP / PWA：
  
  
  • プログレッシブWebアプリの作成方法：初心者向けガイド
  • コミュニティがプログレッシブWebアプリの公式非公式ロゴを選択
  • PWAの初心者向けの詳細ガイド
  • シンプルなAMPページの設計とレイアウト、 Yuri ArtyukhによるストリームALL YOUR HTML＃8
  • WordPressでAMPを使用する方法
  • Accelerated Mobile Pages（AMP）がSEOを改善する方法
  
  
• ツール：
  
  
  • WebStorm 2017.2-JavaScript、TypeScript、Angular、Sassのサポート、およびESLint、Karma、Mochaとの連携の新機能
  • ステロイドのnpmリンク
  • Webpack：JavaScriptとSassでプロジェクトを設定する基本
  • Polymer Webpackの使用方法
  • bundle-buddyは、バンドル内の重複を見つけるのに役立つツールです
  
  
• 練習：
  
  
  • プログレッシブGitトレンドWebアプリケーションの作成： 概念とサービスワーカー 、 キャッシュ、オフライン
  • HTMLキャンバスグラフィックスの作成 ：egghead.ioの新しい無料コース
  • ぼろきれから富まで、すべてのプラットフォームでBabylon.jsを使用してWebVRインタラクティブを作成
  • CSSとJavaScriptで回転する3Dカルーセルを作成する
  • GreenSock for Beginners（パート2）：GSAPのタイムライン
  
  
• 壮大なウェブ：
  
  
  • SVGテンプレートを使用したCSS画像スライダー
  • レスポンシブCSSアニメーションホーム
  • LEGO Loader （SVGアニメーション）

CSS

• CSSは黒魔術ではありません
• 純粋なCSSで曇らされたガラス効果を作成する方法は？
• クリティカルになろう：Webpackを使用してCSSブロックレンダリングを最小化する
• CSSを使用して素数を定義およびカウントする
• Googleマップのiframeでズーム機能をオフにする
• フォント：
  
  
  • SCSSを使用してレスポンシブフォントサイズを設定する4つの手法
  • RFS：レスポンシブタイポグラフィの使用を自動化するミックスイン
  • Web開発者にとって可変フォントとはどういう意味ですか？
  
  
• CSSグリッドレイアウト：
  
  
  • CSSレイアウトの改善：フロートからFlexboxおよびCSSグリッドへ
  • CSSグリッドレイアウトに関する興味深い事実のコレクション
  • CSSグリッドレイアウトスライドショー
  • グリッドの仕様の理由とそれらが解決する問題についてレイチェル・アンドリュー
  • display：コンテンツはCSSグリッドレイアウトサブグリッドではありません

Javascript

• デリー-短縮、またはモバイル2GISオンラインの方法
• ネイティブJavaScriptリアクティブインターフェイス-パート1：純粋な機能スタイル
• JavaScript開発者向けのゼロからのニューラルネットワーク（パート1：パーセプトロン）
• 2017年のJavaScriptの状態 。 年次グローバル調査
• 真面目なJavaScript開発者が学ぶべき10のこと
• JavaScriptのプロパティ名に隠されたメッセージ
• 最新のフロントエンド開発スタック 。 過去数年にわたるJS開発の革命に関するLinux.comの記事
• 6つのネイティブjQuery風のDOM操作メソッド
• WebアプリケーションをエンドツーエンドでテストするためのJavascriptツール
• JavaScript国際化状態
• 角度対反応対Vue
• ES2015 +：
  
  
  • Tiny-ES6-ノートブック
  • ES6でのJavaScript Factory機能+
  
  
• VueJS：
  
  
  • CSSSR Live：Vue.jsに関するワークショップ。 ゲストスピーカーのボリスオクンスキーがCSSSR開発者向けに2時間のワークショップを開催
  • CSSSRペアコーディング＃1：Vue.jsでのムービーカタログチュートリアルの作成
  • Vue.jsを使い始める
  • 煙道。 別のフラックスライブラリ
  • Vue.jsでjQueryプラグインを（安全に）使用する方法
  • BackboneからVue.jsへのプログレッシブ移行のストーリー
  • VueJSで計算プロパティを使用する方法
  • 非同期更新にVue.jsを使用する方法は？
  • ターミナルのVue.js API
  • Vue.js：プログレッシブJavascriptフレームワーク 。 2017年6月にブリストルJSで開催されたVito Huangレポート
  
  
• 反応：
  
  
  • Reduxの力とは何ですか？
  • Reactユーザーは、 React.jsを再評価するために Facebook 請願書に署名しました。 Facebookのテクニカルディレクターに提出されたReactライセンス申請
  • Reduxを使用する前にReactで学ぶべき8つのこと
  • React Starter Kit ：React.js、Babel、PostCSS、Webpackで構成されるクイックスターターテンプレート
  • HoodieとReactの概要
  • ReactとFirebaseを使用してRedditクローンを作成する方法
  • React、ES6、Yarn、およびWebpackを使用してWordPressプラグインを作成する方法
  • Reactの学習方法：5段階の計画
  
  
• 角度：
  
  
  • Angular 4-サードパーティAPI
  • 遅延読み込み：NgModulesコードをWebpackと共有する
  • Angular Formsと@ ngrx / storeの組み合わせ
  
  
• ライブラリとプラグイン：
  
  
  • Popmotion-アニメーションを操作するための小さなクロスプラットフォームJavaScriptエンジン
  • RE：DOMはヘルパーを追加してDOM要素を作成し、データの同期をサポートする小さなライブラリです。
  • メッシュ -データを視覚化し、表形式のインターフェイスでJavaScriptコードを編集します
  • ウェイドは非常に高速な検索ライブラリです
  • GPU.JS -GPUによって加速されるJavaScript
  • tiza-コンソールへのデータ出力の様式化

ブラウザ

• Chromeのパーティクル拡張機能は所有権を変更し、すぐに悪意のあるものになりました
• Firefoxの市場シェアの改訂 。 より良いブラウザを作成しても人気が上がらない理由
• 新しいFirefoxと膨大な数のタブ
• Firefox NightlyでストレージAPIをプレビューする

おもしろい

• 2017 IEEE Spectrum Programming Language Rating
• トークンエコノミーとは、またはブロックチェーンが世界をむさぼり食う理由
• Mozillaが音声認識システムを開発
• YouTubeは動画編集サービスを終了します。 誰も使わない
• クラウドコンピューティングの分野での成功により、マイクロソフトの利益は予想を上回りました
• Googleは、ストリートビューを使用してISSを仮想的に歩くように全員を招待します
• Googleはモバイルアプリケーションにパーソナライズされたコンテンツフィードを追加しました
• 後でライセンスに問題がないように、フォントを正しく購入するにはどうすればよいですか？
• ツールはおかしい
• 学校対 人工知能。 Wolfram Alphaが信用を与える価値がある理由
• Google Glassが帰ってきた
• 新しいGitLabインターフェイスが導入されました

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

← 先週のダイジェスト
ダースモールとアレクスコロビンが作成した資料