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

フロントエンドエリアの有用なリソースと興味深い資料へのリンクを含むセレクションをご紹介します。

ウェブ開発

CSS

Javascript

ブラウザ

おもしろい

ウェブ開発

• フロントチャンネルポッドキャスト第5号： Zarema Halilova、Mitapas、jQueryの死
• Podcast Web Standards、Issue No. 66 ：ReactからSketch、HTMLからWebGL、CSSゲーム、グリッド、HTMLショーツ、デザイナー、Yandexのコードまで。
• Podcast Web Standards、Issue No. 67 ：ベータ版Chrome 59、Safari TP 29、デスクトップ上のSamsung、WebPケーキ、HTMLショートパンツ、Normalize.css、レベル5 CSS、JSのCSS、ESモジュール。
• 風水フロントエンド。 パート1
• 色の入手可能性を確認する方法 -A11ycasts＃17新規リリース
• 「UXはこのすべてを推進します。」 Chris Coyerが最近のWeb開発の合併症について語る
• 同型のWebアプリケーションを作成するために、Relay“ Modern”（FacebookのGraphQLクライアントライブラリ）を始めましょう
• WebpackでのContextReplacementPluginの動作
• 更新：
  
  
  
  
  • Npm @ 5ベータ版がリリースされ、多くの更新を見ることができます
  • Autoprefixer 7リリース： PostCSS 6およびBrowserslist 2のサポート、パフォーマンスの向上、node_modulesサイズの削減など
  • PostCSS 6.0リリース： Node.js 0.12サポートの廃止、サポートの適用、メモリ消費の削減
  • D3.expressプレゼンテーション：事後開発のための統合環境
  
  
  
• 性能：
  
  
  
  
  • ページ重量 -このオンラインツールで画像がページの速度にどのように影響するかを確認する
  • 待ってください。WebPは本当に価値があります。 ザック・レザーマンが新しいウェブ画像フォーマットを理解
  • さまざまなプリフェッチオプションを備えた超高速サイト
  • speedracer-ライブラリ/アプリケーションのパフォーマンスメトリックのコレクション
  • WordPressでAMPサポートをセットアップする方法
  • AMPからPWAへ：プログレッシブWeb AMP
  
  
  
• SVG：
  
  
  
  
  • Webpack単一行のSVGスプライト
  • SVGito：SVGの小さな最適化
  • SVGOを使用してSVGファイルのサイズを縮小する3つの方法
  • SVGスプライトを作成および編集する方法
  • SVGでの脳機能の可視化
  • SVGテキストマスキングビデオ
  • モーフィングクリックボタン
  
  
  

CSS

• 次のHTMLショートパンツ ：背景を書くことができるのに、なぜbackground-imageで画像を設定するのですか？
• 仕様を参照してください 。 レイチェル・アンドリュー・CSSは、チームの専門家を紹介するメモを「Specify to spec」シリーズに翻訳して招待しました。
• 最初のレベル5 CSSドラフト
• CSS-in-JSはUXにとって本当に悪いテクニックですか？
• ネイティブフォームの検証、パート1 Peter-Paul Kochによる詳細分析
• CSSルールセットの用語
• 要素の背後にあるコンテンツにフィルターを適用できるbackdrop-filterプロパティーの詳細
• CSSアニメーションとWebアニメーションAPI：比較と例
• mini.css-最小限のレスポンシブなCSSフレームワーク
• iotacssは、OOCSSの原理を使用した別のスケーラブルなSASSフレームワークです。 iotaCSSの概要
• CSSブロックの問題を解決する
• 純粋なCSSツールチップウォークスルー
• Unicode文字を使用した順序付きリスト
• 本番環境でCSSグリッドを使用するサイト
• モバイル、スモール、ポートレート、スロー、インターレース、モノクロ、コース、ノンホバー、ファースト メディアクエリレベル4仕様の便利なメディアクエリ
• Facebookが他のCSSライターを探すべき理由
• CSSカスタムプロパティ：
  
  
  
  
  • CSSカスタムプロパティとテーマ
  • CSS変数で勝利する
  • CSSカスタムプロパティ-毎日の使用
  
  
  

Javascript

• Prepackは、JavaScriptコードの実行を高速化するFacebookの新しいツールです。 PrepackとSvelteの比較、および prepackのwebpackプラグイン
• UralJS＃3から4ビデオ
• JavaScriptスタイルの要素 。 コードは単純化すべきであり、単純化すべきではありません。
• JavaScript開発者向けのPython
• 最新のJavaScriptコンセプトの用語集：パート2
• なぜWebコンポーネントに移行し、振り返らないのですか
• Flowの紹介 、Bristol JSでのベンジャミンリードのパフォーマンス
• ES2015 +：
  
  
  
  
  • ひどいインポートクラーケン-ES6モジュールを使用して狂わない方法
  • Node.jsでのES6モジュールの実装の進捗状況
  • ブラウザーのECMAScriptモジュール
  • fetch（）およびreduce（）を使用して外部APIからデータを取得およびフォーマットする方法
  • async / awaitを使用した非同期JavaScript 。 エッグヘッドの無料コース
  • JavaScript：初心者向けの矢印関数
  
  
  
• 反応：
  
  
  
  
  • React Five Minute Podcast ＃13-Redux Business Logic
  • Reactを使用した最初のプログレッシブWebアプリの開発
  • 今日ReactJSを使用する10の有名なアプリケーション
  • Reactのアニメーション化されたページ遷移
  • ステートレスコンポーネントでReactのパフォーマンスを最適化する
  • react-native-masonry-動的列、プログレッシブ画像の読み込み、デバイスの向きの変更、クリックイベントハンドラーをサポートするMansoryスタイルの画像グリッドを表示するための反応ネイティブコンポーネント
  • SVGからJSX - Svelteで記述されたSVGから有効なReact SVGコンバーター
  • React、Redux、およびWebpackを使用してToDoアプリケーションを作成する方法
  
  
  
• 角度：
  
  
  
  
  • 新しい角度を選んだ理由
  • Angularでフルページサイトを作成する方法
  • 角度アプリケーションの更新
  
  
  
• Vue：
  
  
  
  
  • VueJSがあなたを助けられないとき
  • Vue.js 2.3への更新
  • Vue.js 2のクリエイティブなトランジションを備えたミニマルなブログのコンセプト
  • AngularからVueへの移行：壮大な冒険
  • VueJSでコンポーネントテンプレートを定義する7つの方法
  • vue-infinite-loading -Vue.js 1.0およびVue.js 2.0の無限スクロール用プラグイン
  
  
  
• ライブラリとプラグイン：
  
  
  
  
  • SmartPhoto.js-レスポンシブギャラリーを作成するための新しいライブラリで、モバイルデバイスに最適
  • pkg -Node.js上のプロジェクトのCLIパッカーを実行可能ファイルに
  • Riot.jsを使い始める
  • Typefont-画像内のテキストを認識するためのJavaScriptプロジェクト。
  • スペクター-WebGLシーンの簡単な学習とトラブルシューティング

ブラウザ

• Windows 10 SにデフォルトでインストールされているMicrosoft EdgeブラウザーとBing検索エンジンは交換できません
• Mozillaの新しいJSフレームワークであるFathomは、ブラウザが人間の観点からWebページを「評価」できるようにします
• Microsoftは仮想マシンでEdgeブラウザの安全な実行機能をテストしています
• Firefoxアップデート53.0.2および52.1.1
• Samsung DeXはモバイルWebに新しい解像度をもたらします
• Safariテクノロジープレビュー29の技術的詳細
• ヘッドレスモードでChromeを使用する

おもしろい

• Googleドキュメントへの偽のリンクを使用した大量のフィッシングは、多くの結果をもたらします
• 最近のGoogle Docsフィッシング攻撃は、6年前に発見されたOAuth脆弱性が原因です。
• Microsoftは、教育用にWindows 10 Sを導入しました。 これはどのようなシステムですか？
• 先進国の成人の26％はコンピューターの使用方法を知らない
• インターネットを配信する最初のSpaceX衛星は2019年に軌道に乗る予定で、現在では約12,000台のデバイスを打ち上げる予定です
• GoogleとFacebookが世界の広告収益の20％を管理
• MicrosoftはWindows 10 Mobileへの投資を停止しました
• 期限切れのMP3特許
• Facebookの視聴者は1か月あたり19億人のユーザーに達しました
• Appleはウェアラブルデバイスの市場リーダーです
• DARPA：驚きと発音できない
• Googleが沈む理由
• Facebook、Google、Microsoft：インターンシップと巨人でのキャリアについて
• SpaceXは、2019年にインターネットを配信する最初の衛星の打ち上げを予定しています

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

← 先週のダイジェスト

ダースモールとアレクスコロビンが作成した資料