前週のフロントエンドの世界からの新鮮な材料のダイジェストNo. 265（2017年5月29日-6月4日）

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

ウェブ開発

CSS

Javascript

ブラウザ

おもしろい

ウェブ開発

• Node 8の新しいメジャーリリースでの変更のレビュー
• Podcast Web Standards、Issue No. 71 ：Safari TP、カレンダー、電話での開発、実際のグリッド、カスタムプロパティ、ラベルマジック、フレックスの深さ、Node.jsおよびnpm、CSS-in-JS。
• npm @ 5 now npm @ latest
• ポッドキャストフロントエンドウィークエンドFW＃5-フロントエンド会議の成功論文の秘密
• カスタムプロパティ-HTMLショーツ
• 非同期Web、またはWebソケットとは
• Browserslistは良いアイデアです。
• Webpack vs Gulp
• アイコンシステムを使用可能にするにはどうすればよいですか？
• 古いコードでプロジェクトを改善する方法
• GraphQLのサンドボックス
• WebAssembly：Mozillaが勝ちました
• 性能：
  
  • 軽いCSSおよびSVGアニメーション（JavaScriptなし）によるページの高速読み込み
  • Web Performance Adventuresの新機能
  • ブラウザベースの開発者ツールを使用してCSSアニメーションのパフォーマンスをテストする
  • ゴミをキャッチする：UIの最も遅い部分を発見した方法
  • UXに最も影響を与えるパフォーマンスメトリックの使用
  • 本番用のフロントエンドパフォーマンスチェックリスト
  • HTTP / 2プッシュは思ったよりも複雑です
  
  

CSS

• フレックスボックスの仕様を読んで学んだ11のこと
• JavaScriptのCSS：コンポーネントスタイルの未来
• CSSグリッドを学びます 。 CSSグリッド翻訳の学習
• Florian RivoalによるCSS Media Queries Level 4
• Sassコードから直接スタイルガイドを作成する
• CSSは常にスラムする運命にありますか？
• CSSラブレター
• 明るさ、コントラスト、不透明度、反転を調整するためのCSSフィルター
• 数字でレポート：アトミックCSSで1年半
• 新しいWeb応答-ビューポートユニット
• カスタムチェックボックスとラジオボタンの作成の微妙な違いに関する詳細
• ページごとに1つのdivをアニメーション化する技術
• <css-doodle />-CSSを使用してパターンを描画するためのWebコンポーネント。
• CSSグリッドを使用したワイドブロック列ブレークテクニック
• scssfmt-高速で簡単なSCSSコードフォーマッタ
• CSSトレンドシャドウ
• ctr-次のCSSフレームワーク
• グラデーションの壮観なアニメーションのためのパレットの選択

Javascript

• 必見：metapa MoscowJS 37のビデオ
• JavaScriptの再考：ブレークと機能的アプローチ
• 最新のJavaScriptコンセプトのハンドブック：パート2
• WordPress用の新しいJavaScriptフレームワークの選択に関する議論の概要
• JavaScriptコミュニティにとってのGoogle AMPの意味
• 再利用可能なJavaScript関数を使用したCSS状態管理-パート2
• VanillaJSを使用したリアクティブUI-パート1：純粋な機能スタイル
• 最も使用されているES6機能の紹介
• Mutation Observerを使用してDOMの変更を追跡する方法
• なぜjavascriptなのですか？
• わずか38行のコードでNode.jsを使用して簡単なTwitterボットを作成する
• 反応：
  
  • ポッドキャスト5分間の反応＃20-Reduxの代わりにMobX？
  • ReselectによるReactおよびReduxのパフォーマンスの改善
  • Reactコンポーネントライブラリの作成| パート1 パート2
  • AirbnbはReactに切り替えて、より反応の良いフロントエンドを作成しました
  • React JSを使用して高速なインタラクティブUIを作成する理由
  • 高度なWebアプリケーションでより良い反応性を得る
  • Reactでのレンダリングの最適化（パート1）
  • プラットフォームとして反応する：クロスプラットフォームUIへの道-Leland Richardson
  
  
• 角度：
  
  • 動的角度または正しく操作する
  • Angularの動的コンポーネントについて知っておくべきことは次のとおりです。
  • 例のReact vs Angular vs Vue
  • AngularJSとReactJSの長所と短所は何ですか？
  
  
• Vue：
  
  • Vue.jsで最新のフロントエンド開発を始めましょう
  • Vueを使用したInstagramでのプロトタイピングフィルターUX
  • Vue.jsでフィルターを使用する
  • vue-recyclerview - vue-recyclerviewを使用して大きなリストアイテムをリロードする
  
  
• ライブラリとプラグイン：
  
  • AOSライブラリを使用したクールなスクロールアニメーション
  • t-scroll-スクロールアニメーションを作成するためのプラグイン
  • Timeline.js-タイムラインで時系列のスライダーを作成するためのプラグイン
  • AmplitudeJS-最新のHTMLオーディオプレーヤー
  • o -JSのブラウザーブートローダー/バンドラー。 依存関係なし、ノードおよびCLI
  • タクシーランク -Selenium Webdriver APIに基づくJSDom
  • picodom - 1Kb仮想DOM
  
  

ブラウザ

• Chromeが勝ちました
• GoogleがChrome広告ブロッカー統合計画を発表
• ブレイブブロックチェーンブラウザーがICOを保持し、30秒で3500万ドルを調達
• FF Developer Edition 54：新しいインスペクターおよびデバッガー機能、netmonitorのMDNヘルプなど
• Chrome 59-DevToolsの新機能
• 技術詳細Safari Technology Preview 31

おもしろい

• MicrosoftはSkypeの設計を根本的に更新しました。 そして今、「ストーリー」があります
• デンマークのスタートアップは、レイアウトに従ってサイトとアプリケーションのインターフェースをレイアウトするようにニューラルネットワークを教えました
• GoogleはGIF画像を使用してデータを視覚化するサービスをリリースしました
• HTTP経由でパスワードを送信するGoogleブラックリストサイト
• Chromeのバグにより、サイトはユーザーに音声と動画をシームレスに記録できます
• Googleはパーソナライズされた検索を行いました
• AlphaGoは3-0のスコアでゴーで最高の人間プレーヤーを破り、スポーツを去りました
• Facebook、Google、およびその他29のIT巨人がインターネットスパイに反対
• AndroidクリエイターのAndy Rubinが彼の最初のスマートフォンとライバルのGoogle Homeを発表
• マイクロソフトは、モバイルデバイス用の新しいシェルを作成します
• IoTデバイスは、トラフィックが暗号化されていても所有者を侵害します
• 「賢いがbut慢ではない」-人工知能システムの名前の選び方
• 2017年のオンライントレンド：eスポーツの急騰、視覚広告、オンライン医学
• GTAニューラルネットワークでトレーニングされたものを実際のタスクで使用できない理由
• GIFの6億ドルの評価でビジネスを構築する方法-Giphy Service History
• 科学者：ソーシャルネットワークでは、人々は情報をそれほど重要ではないと認識します
• 作業がロボットに送られる可能性を計算するサイト
• コンピューターは物理的に消えます。 しかし、私たちの周りにいるでしょう-ウォルトモスバーグの別れのコラム

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

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