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

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

ウェブ開発

CSS

Javascript

ブラウザ

おもしろい

ウェブ開発

• Favicon Today：フォーマット、サポート、自動化
• MDNの未来-Webドキュメントに焦点を当てる
• Web Standards Podcast、Issue No. 72 ：Chrome、Safari、ChromeおよびEdgeのアナウンス、グリッド、ショーツ、Jura Streamer、StylelintおよびNode.jsのみ。
• ポッドキャスト「フロントエンドウィークエンド」FW＃6：給与、DevConf、WWDCに関するオーガナイザーMoscowJS
• ヘッダーが必要な理由-HTML Shorts
• Codefest 2017でのフロントエンドストリームレコーディング
• ウェブサイト立ち上げのチェックリスト
• プログレッシブWebアプリのヒントの素晴らしいリスト
• 理論と例によるWebコンポーネントの詳細な紹介。 カワウソ。
• SVGI -SVGファイルのコンテンツを検査するためのCLIツール
• Web上のJPG、PNG、およびSVG：初心者向けガイド
• リッチウエスタンウェブではなく、ワールドワイドウェブ（パート1） アジアとアフリカでインターネットを使用することのニュアンスに関するブルース・ローソン
• 見出し文字の創造的な見出しの創造的なアイデア。
• WebAssembly 101：開発者の最初のステップ
• 性能：
  
  
  • スピードインデックス-それは何ですか？
  • 17行のコードがShopify.comのロードを50％改善した方法
  • 画像の最適化：主要なエラーと解決策
  • AMPに関する悲観的な考え
  • ワードプレスでAMPページを作成する方法
  
  
• 可用性：
  
  
  • アクセシビリティの原則。 障害を持つ人々がウェブをどのように使用するか。 更新されたW3C WAIホワイトペーパー
  • アクセシビリティチェックリスト：サイトのアクセシビリティを評価するための10の重要な要素
  • 可用性監査は楽しいです
  • スクリーン拡大鏡を使用して、人々がサイトにアクセスできるようにする方法
  • 色の可用性を操作する方法

CSS

• 表示の逆説：CSSのテキストの内容と未来
• minmax（）関数の仕組み
• 最新のCSSを書くためのヒント
• 「見逃したフレームの価格 。 」 Dmitry Shuranovによる生産的なアニメーションのレポート
• CSSグリッドのテンプレート領域のテキスト視覚化
• ローカルCSS変数：何、どのように、なぜ
• JSの素晴らしいCSS ： JSテクニックの便利なCSSのリンク集
• スタイルシートの繰り返しの70％：CSS最適化の提出方法に関する情報
• CSSシェイプ、クリッピング、マスキング-およびそれらの使用方法
• マスキングvs. クリッピング：いつ使用するか
• 理想的な段落の正三角形 。 フォントで遊んでみたいなら
• OOCSS-執筆の未来
• テスト/アクセシビリティツールとしてのCSS
• cssを使いこなすのにどれくらい時間がかかりますか？ reddit / r / cssに関する議論
• ビューポートユニットの楽しみ

Javascript

• ネイティブEcmaScriptモジュール：新機能とwebpackとの違い
• 「新しい数値形式」から「UIとしてのコード」へ：HolyJS 2017 Piterの進め方
• 関数の部分的な使用
• JavaScriptコミュニティにとってのGoogle AMPの意味
• Lodashの高階関数
• 2017年に関数型プログラミングを学んでください
• JavaScriptを使用しない現代のWebの外観
• util.promisify（）コールバックをプロミスに置き換える
• 最新のJavaScriptツールキットの印象的なリスト
• ES.next：オブジェクトプロパティのレストおよびスプレッド演算子
• JavaScriptでES2017デコレーターを探索する
• JavaScriptコールバック
• クラス、複雑さ、および関数型プログラミング
• FlowとTypeScriptの比較
• JavaScript：すぐに関数と呼ばれるものは何ですか？
• 機能性ミックスイン
• JavaScriptコンソールを最大限に活用する方法
• ノード6からノード8へのアップグレード：実際のパフォーマンスの比較
• 角度：
  
  
  • 角度材料テーマの完全ガイド
  • Angular 2とReact：別の比較
  • Angular2：開発のヒントとコツ
  
  
• 反応：
  
  
  • React 5分間ポッドキャスト＃21-今後6か月のReact開発のウィッシュリスト
  • 説明付きのReactに関するタスクブックのアプリケーション例
  • PreactJS入門-チュートリアル
  
  
• VueJS：
  
  
  • Vue.jsの型付きコンポーネント、またはVue、TypeScript、Webpackで友達を作る方法
  • Nuxtを使用したVue.jsアプリケーションのサーバーレンダリングの概要
  • Vueチュートリアル検索アプリケーションの作成
  • VueJsおよびReactJSからの印象。 人々はどう思いますか...
  • VueはReactで王位を争うことができますか
  
  
• ライブラリとプラグイン：
  
  
  • synt -JavaScript / TypeScriptコードで同様の関数とクラスを見つけます
  • flubber -2D形状間のスムーズなアニメーションのためのツール
  • getlibs -CDNから直接外部依存関係を受信するように構成された組み込みモジュールローダー。 babel / typescriptを含む
  • billboard.js -D3 v4 +に基づいたチャート用の軽量フロントエンドJavaScriptライブラリ

ブラウザ

• WebブラウザリリースTor Browser 7.0
• Chrome 59 Webブラウザリリース 、 Google Chrome Developersビデオ
• iOS 11のSafariは、すべてのサイトで広告なしの読み取りモードの自動起動を提供します
• AppleはSafariでのオーディオとビデオの自動実行を禁止します
• Google PlayにSamsungブラウザーが表示される
• 新しいMicrosoft Edgeの機能 ：オブジェクトの適合/オブジェクトの位置のCSSサポート、位置：スティッキー、改良されたコンソールなど
• Safari Technology Preview 32が利用可能になり、WebRTC、WebAssembly、および自動再生機能が強化されました。
• Firefoxでクロスブラウザ拡張機能が利用可能に

おもしろい

• WWDC 2017の主な発表
• ロシア語で14分のWWDC 2017
• マイクロソフトは、Windows 10の新しいテストビルドに多数のイノベーションを導入しました
• WordPress 4.8がリリースされ、新しいウィジェットとその他の管理パネルの改善が加えられました
• シスコ：2021年までに、グローバルデータトラフィックは3ゼタバイトを超え、IoTアプリケーションはデバイスと接続の半分以上を占めます
• Google Parent HoldingがロボットメーカーBoston Dynamicsを日本のソフトバンクに売却
• 静的型付けの無制限の約束
• ユーザーインターフェイスでアニメーションを使用する12の原則
• 5つの「人間」ボットMicrosoft
• 量子優位性をどれだけ待つべきでしょうか？
• MITは、Wi-Fiを使用して感情を読み取るデバイスを開発しました

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

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