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

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

ウェブ開発

CSS

Javascript

ブラウザ

ニュースとビジネス

ウェブ開発

• Podcast Web Standards、Issue No. 40： Chromium 54、Safari TP16、Mozilla、Servo、およびエンジン、テーブル、Node.js 7、標準およびポリファイル、境界画像、ブレンドモードに関するDave Sheyの開発。
• 9月17日と18日にエカテリンブルクで開催されたFrontTalks会議のビデオレポート
• 高速化されたモバイルページ 。 ユリ・マチューキンが経験を語る
• SVGおよびメディアクエリ
• Chrome、Firefox、Edgeが新しいWebAssemblyテクノロジーのテスト段階に移行
• ラスターながら、こんにちはベクトル：SVGを簡単に使用する3つの方法
  
  （バイラスター、こんにちはベクトル：SVGを簡単に使用する3つの方法）
• クイズ：HTMLパーサーをどれだけ知っていますか （HTMLパーサークイズ）
• Bootsrap 4： Bootstrap 4の新機能と変更点、および クラス名のチートシート
• FlyWebの紹介-FlyWebの紹介-ローカルWebサーバーとサービスを作成するためのMozillaの新しいAPIのセット
• 仮想世界の接続：WebVRのハイパーリンク
  
  （仮想世界の接続：WebVRのハイパーリンク）
• Mailtoリンク：ユーザーに選択させる
  
  （Mailtoリンク：ユーザーに決定させる）
• ウェブはファッショナブルではない、またはウェブを愛することを学んだ方法
  
  （ウェブはファッショナブルではありません。または：ウェブを愛するようになった方法）
• ビューポート調査、次のパート
  
  （ビューポートの調査、パートアンティーン）
• 最初にどのプログラミング言語を学ぶ必要がありますか？
  
  （最初にどのプログラミング言語を学ぶべきですか？Ʇdıɹɔsɐʌɐɾ：ɹǝʍsuɐ）
• 性能：
  
  
  
  
  • スムーズなWebアニメーションのための10の原則
  • CSS / JSのマージを停止 （ CSS / JSの連結を停止）
  • Webランタイムのパフォーマンス
  
  
  
• 可用性：
  
  
  
  
  • 最小のサイトのアクセシビリティ
  • アクセシブルなWebサイトを開発するためのツール
  • ウェブサイトに欠けている可能性のある10の事項）
  • セマンティクスが重要な理由（ セマンティクスが重要な理由）
  
  
  
• ツール：
  
  
  
  
  • フロントエンドツール調査2016 （フロントエンドツール調査-2016）
  • Yarnを使用したより高速で信頼性の高いCIビルド（より高速で信頼性の高いYarnを使用したCIビルド）
  • RFC： Webpack Performance Budgets（RFC：Webpack Performance Budgets）
  • webpack-bundle-analyzer-バンドルコンテンツビジュアライザー （webpack-bundle-analyzer-バンドルコンテンツを便利なインタラクティブなズーム可能なツリーマップとして表すwebpackプラグインおよびCLIユーティリティ）
  
  
  
• 壮観なメディアポップアップ （Artsy Mediaポップアップ効果）
• 放射状に塗りつぶしたプログレスバーの作成 （ドーナツプログレスバーの作成）

CSS

• Dart Sassの発表
• Webフォント、みんな、まあ、私も知らない （Webフォント、少年、私は知らない）
• 重要なCSSをインライン化する方法と理由
  
  （重要なCSSをインライン化する方法と理由）
• CSSグリッドレイアウトについて学んだこと
• [IT講座]：CSS標準：なぜ、そしてなぜ発明されたのですか？
• 2016年10月現在のCSSモーションパス
• Webkitブログ： Web上の可変フォント
• 最新のCSSリセット（警告付き））
• 堅牢でスケーラブルなCSSアーキテクチャのための8つのシンプルなルール
  
  （堅牢でスケーラブルなCSSアーキテクチャのための8つの単純なルール）
• フロントエンドアーキテクチャ、パート2：ブランド変数
  
  （フロントエンドアーキテクチャ：パート2-ブランド変数）
• レスポンシブグリッドシステムの構築方法
• セマンティッククラス名について ：ジェネリックすぎるのですか？
• 初心者向けのCSSポストプロセッサ：ヒントとリソース
  
  （CSS初心者向けポストプロセッサ：ヒントとリソース）
• Q連続体：CSSでq測定単位を使用する
  
  （The Q Continuum：CSSでのq測定の使用）
• 世論調査：CSSはプログラミング言語のようになるべきですか？
  
  （投票：CSSはプログラミング言語のようになるべきでしょうか？）
• HTMLが「チャックノリス」を色だと考えるのはなぜですか？ （HTMLが「チャックノリス」を色だと考えるのはなぜですか？）
• glamour-Reactアプリケーションに埋め込まれたcss （glamour-reactなどのインラインcss）

Javascript

• 2016年のJavaScriptとSEO
• $ mol：反応性マイクロモジュラーUIフレームワーク
• Node.js v7の詳細
  
  （Node.js v7-URL、廃止予定の警告、および開発者エクスペリエンスの向上）
• requestIdleCallbackを使用した協調スケジューリング
  
  （requestIdleCallbackを使用した協調スケジューリング）
• 理論：
  
  
  
  
  • JavaScript戦略パターン
  • バニラJavaScriptとフレームワークとライブラリ-良いバランスを見つける）
  • JavaScript疲労カリキュラム
    
    （JavaScriptの疲労を治すための研究計画）
  • JavaScriptは常に最良のソリューションですか？
    
    （編集：JavaScriptは常に最良のソリューションですか？）
  • JavaScript戦争。 どのようにしてこれに到達しましたか？ （JavaScriptウォーズ。どうやってここに来たの？）
  • 例によるJavaScriptの閉鎖
  • JavaScriptをより機能的にする
  
  
  
• 練習：
  
  
  
  
  • Babylon.js を使用したシェーダーの作成 （Babylon.js を使用したシェーダーの作成 ）
  • MobX入門：簡単な例
    
    （MobX入門：簡単な例）
  • JSONデータから数秒で動的テーブルを作成
    
    （任意のJSONデータから数秒で動的テーブルを作成）
  • Javascriptを使用したソフトウェアサウンド生成
    
    （Javascriptを使用してプログラムでサウンドを生成する）
  
  
  
• 反応：
  
  
  
  
  • React.jsを使い始めるための9つのヒント
  • Reactを使用したオートコンプリートウィジェット
  • ルーティングにライブラリが必要ですか？ （ルーティングライブラリも必要ですか？）
  
  
  
• 角度：
  
  
  
  
  • Angular 2-変更認識の回避
    
    （Angular 2-変更検出からの脱出）
  • Angular 1.xの未来、次は何ですか？ （Angular 1.xの未来、次は？）
  • JSON Webトークンを使用したAngularによる簡単な認証
    
    （JSON Webトークンを使用した簡単な角度認証）
  • Angular 2-exportAsプロパティを活用する方法
    
    （Angular 2-exportAsプロパティを利用します）
  • Angular 2の詳細なテスト：サービス （Angular 2の詳細なテスト：サービス）
  
  
  
• ES6：
  
  
  
  
  • Javascriptの約束;その理由と方法）
  • 6つの小さいながらもクールなES6機能 （6つの小さなが素晴らしいES6機能）
  • ES6の概要： 変数 、 矢印関数 （ES6でグリップを取得:)
  • どこでも最もクールなES6機能を使用する
  • ES6テンプレートリテラル用の計算されたタグ関数
    
    （ES6テンプレートリテラルのタグ関数の計算）
  
  
  
• Vue：
  
  
  
  
  • 次のBootstrapプロジェクトでjQueryをVue.jsに置き換えます
    
    （BootstrapプロジェクトからjQueryをドロップし、Vue.jsに置き換えます）
  • VueJS：ループリスト要素（VueJS：ループリスト要素）
  • VueJS：条件付き表示と非表示
  
  
  
• プラグイン
  
  
  
  
  • utransition 、JSでのアニメーションの作成と管理を簡素化するマイクロライブラリ
  • typeis.js-シンプルでインテリジェントなデータ型検出器
  • Lightflow-ブラウザーとNode.jsのプロミスのタイプに従ってフローを制御するためのライブラリ
  • SkateJS -W3C仕様に準拠した、機能的で軽量でフレームワークに互換性のあるWebコンポーネントを作成するためのライブラリ
  • egjs-一連の対話型UIコンポーネントを備えたライブラリ
  • Recordy-マイクから録音して、ブラウザーに直接エフェクトを追加します

ブラウザ

• Firefox 52はバッテリーレベルAPIを削除してユーザーデータを非公開にしています
• Chrome for Windows 5％-15％新しい最適化により高速化
• マイクロソフトはボーナスを使用してMicrosoft Edgeのシェアを拡大​​しようとしています
• Microsoft EdgeはセキュリティテストでChromeとFirefoxを上回る
• Internet ExplorerとEdgeは4,000万人のユーザーを失いました
• Firefoxの入力タイプ=「日付」要素の新しいビュー
• Firefox Nightly News-async / awaitサポート （Firefox Nightly News-Firefoxのasync / awaitサポート）

ニュースと面白い

• デスクトップコンピューターからのインターネットユーザーはモバイルよりも少ない
• PornhubはWebソケットを使用して広告ブロッカーをバイパスします
• マイクロソフト、Office 365の一部であるチームコラボレーションサービスを開始
• クイズ：スタックオーバーフローをよく知っていますか？
• 西部のソーシャルネットワークの統計：月間視聴者、ユーザー収益、ブランドの存在
• ドメインゾーンは検索結果に影響しますか？
• モノのインターネット上の流行の脅威と呼ばれるスマート電球
• アルファベットAI：「再帰的ニューラルネットワーク」
• インターネットアクセスでモバイルガジェットがPCを追い抜いた
• Androidは歴史上最も売れているモバイルシステムになりました
• Duo Security：ユーザーの65％がWindows 7を好む
• LinuxのパイオニアであるLinus TorvaldsがARMよりもx86を好む理由
• ハッカーはインターネットアクセスでどのくらいの速さでトースターをクラックしますか？
• Slackからの手紙「Microsoft Dear」
• SlackがMicrosoftの手紙に同情する理由
  
  （SlackがMicrosoftに寄せられた虚偽の手紙を後悔するために生きる理由）
• 新しいMacBook Pro-開発者向けのラップトップパート1および2
  
  （新しいMacBook Proは、もはや開発者向けのラップトップではありません）

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

← 先週のダイジェスト 。

» ダースモールとアレクスコロビンが作成した資料。