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

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

ウェブ開発

CSS

Javascript

ブラウザ

おもしろい

ウェブ開発

• Podcast Web Standards、Issue No. 60 ：バックグラウンドタブ、CSSO、CSS Peeper、SVGコース、標準への参加、アクセシビリティまたはライフ、HTMLリンク、5行のサイドバー、JSダウンロードなし、jQuery、プッシュ通知、学際、フロンティア
• Frontierki Podcast、No。002 ：アンドレイ・グリリョフ、都市コミュニティとパーフェクトスタック
• レイアウトは愚かではありません。 タイプセットする必要がある人のためのマニュアル。
• ブラウザを超えて：Webからデスクトップアプリケーションへ
• Stackoverflow Developer Survey 2017の結果 。 64,000人の開発者を対象としたStack Overflow調査から学んだこと
• PWA：
  
  
  • プログレッシブWebアプリ-レスポンシブWebデザインの次のステップ
  • WebサイトをプログレッシブWebアプリケーションにアップグレードする
  • Cloudfour Progressive Web App FAQ
  
  
• Webパフォーマンス：
  
  
  • サイトのモバイルバージョンを最適化します：Google AMPとは
  • モバイルデバイスからのサイトのダウンロード速度を知っていますか？ それを理解する時間です
  • Googleの新しいJPEGデコーダーであるGuetzliは、肥大化したWebの問題の解決に役立ちますか？
  • AMPディスカッション
  • ビデオポッドキャストエピソードの増幅： AMPがページを高速化する7つの方法 、 「しかし、私はすでに高速なサイトを持っています」：インスタントロードの感覚のために
  
  
• 教訓：
  
  
  • 実際のタスク用のWebpack：フロントエンドのバンドルとコンパイルの追加
  • Elmアーキテクチャの紹介と最初のアプリケーションの構築方法
  • Google Developers Blogで生産的なアニメーションの展開と折りたたみを作成する
  • Web Audio APIを使用して8ビットゲームから伝説の音楽を再現する
  
  
• 適応スプライトジェネレーター
• カスタムHTML5データ属性を使用できる方法と理由
• どのレスポンシブデザインフレームワークが最適ですか？ もちろん依存します
• Android向けの組版メールの完全ガイド
• A11Yスタイルガイド
• 私は17年間ウェブ開発者であり、これは私が学んだことです-ダニエル・カーン
• CodePenプロジェクトで導入-CodePen用IDE

CSS

• REMで考えることを学ぶ。 小さなWebスタジオでの明白で生産性について話す
• CSSとJS間のリンクとしてのカスタムプロパティ
• すべてを平準化するためのプロパティとその新しい秘密
• CSSグリッドレイアウト：
  
  
  • CSSグリッドは長続きします
  • Moz：// CSSグリッドデモページ
  • CSSグリッドレイアウトの第一印象
  • CSSグリッドレイアウトの最初の練習
  • グリッドのフォールバック
  • 既存のデザインへのグリッドの追加
  
  
• モジュラーCSSの作成（パート2）
• Sass開発チームが質問に答えます
• あなたのCSSはもっとわかりやすい
• カスタムCSS機能がMicrosoft Edgeに付属
• HTMLレターでカスタムフォントを使用できます
• CodePenからのガイダンス効果の選択
• CSSテキスト効果（およびcontenteditableのちょっとしたトリック）

Javascript

• JavaScriptの簡単な歴史。 パート2
• メトリックを使用したjsエラーの追跡
• HolyJS 2016モスクワの最高のレポート：アクセスオープン
• NaNが「Not a Number」ではないのはなぜですか？
• javascriptを辱める方法
• 古代のWeb開発者向けの最新のJavaScript
• JavaScript後の生活：第二言語を学ぶことの利点
• アクセシビリティJavaScriptの作成
• 2017年のJavaScriptとPython
• 非同期の落とし穴/ ES7を待つ
• 非同期/待機関数による非同期コードの簡素化
• クイックヒント：JavaScriptリンクの仕組み
• TypeScriptを使用した大規模なWeb開発
• フロントエンドフレームワークを学習するにはどうすればよいですか？
• サービスワーカーのテスト
• JavaScriptとp5.jsを使用してブックカバーを作成する
• 角度：
  
  
  • Angular 4.0.0が利用可能になりました。
  • Angular 4の新機能
  • Angular 4を学ぶための8つのリソース
  
  
• 反応：
  
  
  • ユーレカ！ Reactの学習中の洞察の瞬間
  • React Application Deploymentについて
  • React Componentチートシート
  • setState（）ゲート
  • 機能的なsetStateはReactの未来です
  • React slow、React fast：Reactアプリケーションの実践的な最適化
  
  
• Vue：
  
  
  • ブートストラップ+ vue
  • vue-webpack-typescript
  • Vue 2でファイルアップロードフィールドを操作する方法
  
  
• ライブラリとプラグイン：
  
  
  • iterare -ES6イテレーターを使用するためのライブラリ
  • 7 JavaScriptダッシュボードライブラリ
  • MoveTo-依存関係なしで要素にスクロールするための軽量アニメーションライブラリ

ブラウザ

• Mozilla Firefox UIデザイン
• Chromium 57およびOpera 44の新機能
• Chrome 58 Beta：IndexedDB 2.0、iframeナビゲーションとナビゲーションの改善、PWAのフルスクリーンモード
• Safariテクノロジープレビュー26リリースノート
• Chrome 58の技術的な詳細

おもしろい

• GitHubは、SHA-1衝突を使用した攻撃に対する保護を追加しました
• Twitterはテレビチャンネルにプロの生放送を行う機会を与えます
• Appleは赤いiPhoneを見せた。 そして彼女はiPad Airラインを殺した 。 Appleの次のイノベーションは拡張現実
• GoogleはAndroid Oの最初のテストバージョンをリリースしました
• 3つのNode.jsブランチが更新を受け取りました
• Googleがモバイルファーストインデックスのリリースを計画していない理由
• Mozillaの共同設立者でありJavaScriptの作成者は、ブロックチェーンベースの広告プラットフォームを作成する予定です
• Business Insider：Facebookは「脳スキャナー」と拡張現実カメラの開発のための秘密のユニットを形成しました
• 学校の先生がアドビの建物の信号コードを解決しました
• 無料のGoogle OptimizeがWebにA / Bテストをもたらします
• 優先事項、信仰、リーダーシップ：AppleとGoogleのチームが競合他社よりも生産的に働く理由
• 最大の広告主はYouTubeを去りました。 アルファベット$ 350億かかりました
• 「インタビューは無料のレッスンです」：Googleのマネージャーとして受け入れられなかったときに学んだこと
• GitHubでは、従業員が勤務時間中に作成された知的財産権を保持できるようになりました
• 人気のあるオープンソースライセンスの違いは何ですか？ Githubの説明

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

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