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

フロントエンドエリアとその周辺からの新しい素材へのリンクを含むセレクションをご紹介します

ウェブ開発

CSS

Javascript

ブラウザ

おもしろい

ウェブ開発

• 2017年にWeb開発者になる方法-アクションプラン
• ポッドキャスト「Web Standards」、第68号 ：EdgeおよびPWA、Opera Everything、Electrino、Auto-prefixer、アクセス可能なボタンメニュー、アイロニー、フォーム検証、論理ディメンション。
• Podcast devschacht、Issue No. 2 ：Node.jsの歴史と開発の見通しについて話しました
• HTMLが壊れています。 Haydon PickeringのHTMLは壊れた翻訳です
• 風水フロントエンド。 パート2
• トレンド-スタックオーバーフローの新機能のプレゼンテーション
• フッターのセクション-HTMLショートパンツ 。 フッターにセクション要素をネストすることは可能ですか？ それを把握しましょう
• KharkivCSS 2017のビデオレポート
• ツール：
  
  
  • npm、npm5、シュリンクパック、ヤーンのインストール速度
  • エラーにはリンター、スタイルを修正するにはフォーマッターを使用します
  • 実世界のタスクのためのwebpack：フロントエンドのサイズを減らし、キャッシュを改善します
  • 新しいwebpack CLIの発表
  • Pingy CLIは軽量のフロントエンドコレクターです。 重いGulpおよびGruntビルドを構成する必要がない場合は、ツールを実行して作業するだけです。
  
  
• よりスマートに見えるフロントエンド開発の不合理な複雑さ
• アクセシビリティをサポートするためにインタラクティブな要素のラベル属性
• ARIAを使用した手頃な価格のタブパネル
• 作成者のクリス・コイヤーによるCodePenのお気に入りのデモの別のセレクション
• 中国の店舗Ele.meのサイト用のプログレッシブWebアプリの作成の詳細
• SVGでアニメーションバナーを作成する
• githubの代替として使用できるGitリポジトリ

CSS

• レスポンシブデザインのテーブル-2
• Chromiumにセレクターを追加：focus-within
• CSS入門：focus-within-この擬似クラスとは何か、ドロップダウンサブメニューにアクセスできるようにする方法
• 仕様を参照してください：仕様の前に何がありますか？ レイチェルアンドリューCSSワーキンググループゲストスペシャリストによる「Refer to the spec」シリーズの翻訳。
• CSSグリッドレイアウトを使用して狭いコンテナー内のワイドブロックの問題を解決する
• ネイティブフォームの検証 、パート2。
• JSSおよびReactのコンテキストでの高性能の動的スタイル
• カラフルな背景にあるテキストに対照的な色を設定する方法
• 固定アスペクト比での実験 。 アスペクト比をレスポンシブに維持する方法とCSSグリッドがそのゲームをどのように変えるか
• @applyを放棄した理由 。 CSSワーキンググループのメンバーであるGoogle Chrome開発者であるTab Atkinsのストーリー
• カスタムプロパティの前処理に関する問題
• カスタムプロパティ（CSS変数）をより動的にする
• CSSフォント履歴の追跡
• CSSシェイプとフィルターを使用した画像の5つの素晴らしい効果
• 線形勾配の緩和
• CSSと最初の重要なレンダリング 。 ロンドンCSSでのパトリックハーマンによるパフォーマンス
• CSSプリプロセッサから定型化されたコンポーネントまで 。 Reactivate Londonでの最大Stoiberパフォーマンス
• BBC Grandstand -BBC SportのスケーラブルなフロントエンドアーキテクチャとSassフレームワーク

Javascript

• React Five Minuteポッドキャスト＃15-アムステルダム、PWA、RealWorld、プレパック
• Node.jsイベントループ、タイマー、およびprocess.nextTick（）
• PhantomJSはすべてですか？ 。 PhantomJSの著者であるVitaliy Slobodinとのインタビューの転写
• 2017：Galaxy JavaScriptのヒッチハイクガイド
• Stack Overflow JS Trendsによる人気のあるJSライブラリの現在のステータス
• JavaScriptの関数の汎用性
• 私はまだjQueryが大好きです-そしてあなたもそうする必要があります
• 同僚を驚かせるnpmの8つのトリック
• モジュール修飾子：ESモジュールの新機能
• トランスデューサーとは何ですか？
• Galaxy d3.jsのヒッチハイカーガイド
• 取得時間、またはHTTPライブラリの使用を停止した方法
• JavaScriptの再帰、PTC、TCO、およびSTCのすべて
• 反応：
  
  
  • React Five Minute Podcast ＃14-Redux Business Logic（パート2）
  • 機能するReactコンポーネントを45％高速化する（翻訳）
  • Reduxオフライン 。 ジャニ・エヴァカリオとロンドンの再活性化レポート
  • Reactでマップを作成する
  • ReactJSを操作するための完全なAtomエディターのセットアップ
  • redux-orchestrate-シンプルな設定オブジェクトでアクションを管理するためのミドルウェア
  
  
• 角度：
  
  
  • Reactive Angular Form Recipeアプリケーションコンポーネントアーキテクチャ
  • 角度モデルパターン
  • AngularJSイベントアプリケーションを作成する方法
  
  
• Vue：
  
  
  • Vue.Jsを使い始める
  • Chromeの拡張機能を作成する過程でVueJSについて学んだこと
  • vue-rate -VueJSの評価コンポーネント
  • vue-easy- gantt-今週のタスクを表示するためのシンプルなVue.jsプラグイン
  
  
• タイプスクリプト：
  
  
  • サーバー上のTypeScript
  • TypeScript-Vue-Starter-詳細なREADMEを含むMicrosoftのTypeScriptおよびVueの開始テンプレート
  • TypeScript-React-Starter-詳細なREADMEを含むMicrosoftのTypeScriptおよびReactの開始テンプレート
  
  
• ライブラリとプラグイン：
  
  
  • UPNG.js-小さくて高速なPNGエンコーダー
  • Lodashの高階関数
  • スティッキーサイドバー - スティッキーサイドバーを作成するjQueryプラグイン
  • Britecharts-コンポジションをレンダリングする機能を備えたD3.js v4に基づいてグラフを作成するためのクライアントライブラリ
  • 10個のjQuery HTML5オーディオプレーヤー

ブラウザ

• 更新されたインターフェースと組み込みのサイドバーメッセンジャーを備えた新しいOpera 45がリリースされました
• バグが原因で、Microsoft EdgeはPDFファイルを印刷するときに数字を交換します
• MicrosoftはFluent DesignでMicrosoft Edgeを展示しました
• Microsoft：Windows 10からEdgeブラウザーの更新を共有する予定はありません
• デスクトップブラウザがWindowsストアに入らない
• ブラウザでWebアプリケーションとサイトを分離するための提案

おもしろい

• 暗号Wana decrypt0r 2.0による大量攻撃が進行中です 。
• Build 2017カンファレンスの1日目と2日目の主要な発表
• 12分のWindows 10 Fall Creators Update（Microsoft Build 2017）のプレゼンテーション
• Microsoft Fluent Design Systemについてもう少し
• 新しいGoogle Fuchsia OSのユーザーインターフェースの最初のスクリーンショットとビデオが公開されました
• Yandexは、ニュースサイト用の「ターボページ」のテストを開始しました-Google AMPの類似品
• MP3クリエイターがデスフォーマットを発表
• あなたのパスワードはひどいです。 そして誰もがそれを変えたい
• Appleの資本金は記録的な8000億ドルに達する
• Googleで上司になる方法：権力も統制もない
• Windows 10のBashはopenSUSEとFedoraのサポートを取得します
• 面接が必要な場合

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

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