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

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

ウェブ開発

CSS

Javascript

おもしろい

ウェブ開発

• Web標準の世界に関する6月のニュース
• 視覚回帰テスト（開発を迅速に進め、何も壊さない方法）
• フォーム検証、 パート1： HTMLの検証制限、 パート2：検証API（JavaScript）、 パート3：有効性状態ポリフィルAPI、 パート4： MailChimpサブスクリプションフォームの検証
• メディア：
  
  
  • Podcast Web Standards、Issue No. 74 ：さまざまなブラウザー、人々のためのHTML、ショートパンツのPEとGD、フォールバックのグリッド、キーボードフォーカス、フォントトリック、リファクタリングと責任、ブラウザーのUber、CSからESまでの機能。
  • フロントエンドウィークエンドポッドキャスト、FW＃9-特別な教育を受けずにクールな開発者になる方法
  • React Five Minute Podcast、＃23 -webpack 3.0.0、pnpm 1.0、TypeScript 2.4
  • 漸進的な劣化-HTMLショート
  • Yuri ArtyukhのストリームALL YOUR HTML＃5： セクシーなフラグメントシェーダーとスロットルデバウンス
  • React Amsterdam 2017 +ボーナス付きビデオの完全編集
  
  
• ツール：
  
  
  • JS Foundation：エピソード＃0-ソナー： ウェブリンティングツール
  • 8知らないCodePenプロパティ
  • ネイティブブラウザツールを使用したページのフルサイズのスクリーンショット
  
  
• アニメーション：
  
  
  • GreenSock for Beginners：A Web Animation Guide（パート1）
  • SVG clipPathを使用したオーガニックシェイプアニメーション
  
  
• AMP / PWA：
  
  
  • サイトでGoogle AMPを無効にすることにしました
  • どのサイトもPWAになることができます-しかし、私たちはそれをより良くしなければなりません
  • m.uberの作成：グローバル市場向けの高性能Webアプリケーションの開発

CSS

• ブートストラップからCSSグリッドへ
• 完全なFlexboxガイド
• キーボードフォーカススタイルの適用
• CSSコンポーネントの構造化方法の選択
• カスタムCSSプロパティを定義して使用する方法
• CSS開発の5つの重要なステップ
• フォントオーバーレイ、またはCSSでフォントの名前を変更する方法
• calc（）、vw、Sass superpowersを使用したレスポンシブタイポグラフィ
• reproCSS- <style>タグを使用したCSS リプロセッサー 。 reproCSSを使用したデモの選択
• 入力時のフィールドポップアップ：プレースホルダー表示

Javascript

• JavaScriptのArrayBufferとSharedArrayBuffer、パート2：新しい言語オブジェクトの紹介
• JavaScript：多くの顔
• JavaScript：楽しい部分
• TC39、ECMAScript、およびJavaScriptの未来
• 基本に戻る：JavaScriptのコールバックとは何ですか？
• JavaScriptテスト：0〜80％のコードカバレッジ
• Reddit：Typescriptを選んだ理由
• モジュールのブラウザ読み込み-すでにバンディングを停止できますか？
• 「this」なしのJavascript開発
• esprint -Pinterest最速のeslintダウンローダー
• JavaScript開発者インタビューのための適切な質問の選択
• Remy Sharpによるスティッキーヘッダー： パート1 、 パート2 、 パート3
• フレームワーク
  
  
  • ReactとAngularをクロスするとどうなりますか？
  • Mad Dogs：Angular 2 vs React：Evgeny GusevとIlya Taratukhinによるレポート
  • 角度対 React：Web開発にはどちらが良いですか？
  • ReactでのAngularJSコンポーネントの使用
  • AngularからVueJSへの移行
  
  
• Vue：
  
  
  • Vue.jsがReactとAngularのかかとを踏む
  • Vue.js 2とFirebaseを使用して、リアルタイムのWebアプリケーションを構築します。
  • Vue Conf 2017後の印象
  • VueConfで学んだこと
  • TypeScriptをVueプロジェクトに統合する
  • Vue.js devtools -Firefoxの新しい拡張機能
  • vetur - VSCodeの Vueツールキット
  
  
• 反応：
  
  
  • React VRリアルタイムアプリケーションの作成
  • Reactの可用性に関する新しいReact Docsセクション
  • React Native UI Kitten-簡単にカスタマイズ可能なコンポーネントを備えたモバイルフレームワーク
  • 単一コンポーネントの責任原則：Reactのオブジェクト指向設計 -新鮮なフロントエンドセンター
  
  
• 角度：
  
  
  • Angular 2/4が遅い理由
  • Angular 2（および4）が好きではない理由
  • Angularのセレクターの力
  • 角度4およびテスト：角度/ cli + gitlab-ci + ngテスト+ PhantomJS + TDD。
  
  
• ライブラリとプラグイン：
  
  
  • ReactからCycle.jsに切り替える理由
  • Stickybits：「position：sticky」のポリフィルの代替
  • share-this：中スタイルでテキストを共有する

おもしろい

• 弱いパスワードが原因でnpmパッケージの半分以上が危険にさらされる可能性があります
• EUは独占禁止法違反でGoogleに24億2000万ユーロの罰金を科した
• マイクロソフトは、彼らの人工知能がデータの専門家を奪ったことを自慢しました
• プラグインのテストに利用可能な新しいGutenberg WordPressエディター
• MozillaがWeb of Thingsを開発
• Petya、NotPetya、Petna？ 新しい流行について知る必要があるすべて
• 非常に暗いもの 。 ダークネットテープ材料
• フィールドで一人の戦士！ Uber Bloggerの勝ち方
• 「カスペルスキーのサウンドピッグはどのように思いついたのですか」
• プロジェクト開発と製品開発-違いは何ですか
• 先延ばし者が先延ばしにする理由
• Googleが沈む理由

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

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