先週のフロントエンドの世界からの新鮮な材料のダイジェストNo.

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

ウェブ開発

CSS

Javascript

ブラウザ

ニュースと面白い

ウェブ開発

• 障害者がアクセスできる州のWebサイト（アクセシビリティチェックリスト）
• HTML5.1を満たす：誰も気付いていない標準のメジャーアップデート
• WordPressでGoogle AMPを適用する
• モバイルユーザーを毒する方法
• フルスタックのレールに乗る：フロントエンド （フルスタックレールに進む：フロントエンドパート1）
• FormLinter-サイトのフォームの改善に役立つオンラインツール
• SVG 2の難問
• Web上の中国語の機能について （ Web上の中国語）
• データシリアル化形式の比較：JSON、YAML、BSON、MessagePack （ データシリアル化比較：JSON、YAML、BSON、MessagePack）
• プログレッシブWebアプリケーション：本当は何ですか？ （プログレッシブWebアプリケーション：正確には何ですか？）
• あなたをnpm Ninjaにする10のヒントとコツ
• レスポンシブデザインの再考 。 Yuna Kravetsのリフレクション（レスポンシブデザインの再考）
• GitHubのオープンソースプロジェクトに貢献する方法
• 壮大な3次元カレンダー （キューブアドベントカレンダー）

メディア

• Podcast Web Standards、Issue No. 41 ：HTML 5.1、非同期、可変フォント、カレンダー、危険なAPI、WebAssembly、JSテンプレート、JSの読み込み、位置：スティッキー、SVGグラフィックス、スタックオーバーフロー、テストおよびおもちゃ。
• ミンスク2016でのWSDからのビデオの記録
• Technotrekの講義。 Web開発の基礎（2016年春）
• フロントエンド開発者向けの英語とロシア語のチャンネルの大規模なコレクション
• Chrome Dev Summit 2016の一部のビデオ： プログレッシブパフォーマンス 、 Webのデバッグ 、 プログレッシブWebアプリの今日の構築 、 AMPからPWAまで-両方の長所 、 V8とWeb Assemblyによる高度なJSパフォーマンス

CSS

• Webタイポグラフィの間隔管理方法
• Holy Grail Layoutの例を使用したOOCSS、SMACSS、Atomic、およびBEMの比較
• CSSが非常に単純な場合、なぜ誰もがCSSをいじっていますか？ （CSSが非常に簡単な場合、誰もが吸うのですか？）
• レスポンシブ3Dシェイプの状態
• コードと多くの図を使用してCSS擬似クラスを説明する
• rgba（）CSSの色関数の力）
• @supportsはあなたの人生を変えます
• PostCSSの問題（ PostCSSの問題）
• PostCSS-cssnextで未来のCSSを使い始める
• CSS変数を使用してページ要素を回転させる
• Outlookの特定のバグの修正 （Outlook固有のCSSによるバグの修正）
• 設計システムのCSSアーキテクチャ
• CSSグリッド、フレックスボックス、ボックス配置：新しいWebマークアップシステム
• スプライトスピリット -スプライトの作成を容易にするジェネレーターとSCSSミックスイン

Javascript

• 1つのリポジトリ内の多くのJSパッケージ
• JavaScriptでの数学
• ジャスミンvs. モカ、チャイ、シノン
• jQueryが必要な場合があります （ jQueryが必要な場合があります）
• JavaScriptのボリュームチートシート （The Ultimate JavaScript Cheat Sheet）
• JSでエボラと戦う（JavaScriptでエボラと戦う）
• Javascript async and await-どのような問題を解決しますか？ （Javascriptの非同期と待機-どのような問題を解決しますか？）
• JavaScriptフレームワークの作成-ES6プロキシを使用したデータバインディング
• フレームワークおよびライブラリテクノロジーレーダー （TECHNOLOGY RADAR）
• クライアント側アプリケーションのエラーのログ
• ゲームPacman （Build Pacman） を作成するコース
• 角度：
  
  
  
  
  • Angular 2をリリースしたばかりで、GoogleはAngular 3の差し迫ったリリースを発表しました
  • Angular 3について心配するのをやめてください
  • AngularJS 1.xの基礎、パート1 （AngularJS 1.xの基礎（パート1））
  • Angular 1アプリからAngular 2への移行、パート2
  • 現在の Angular 1.xの重要なインタビューの質問
  • Angular 2のテストサービス（ Angular 2のテストサービス）
  
  
  
• Vue：
  
  
  
  
  • Vue.js 2：コンポーネント間でデータを転送する
  • Vue.jsで実現した 4つの事柄（ Vue.jsでうまくいった 4つの事柄）
  • Vue.jsでToDoアプリケーションを作成する、パート1
  
  
  
• 反応：
  
  
  
  
  • Redux / Reactプロジェクトの国際化
  • Reduxでの7か月：私のチームが途中で学んだ2つのこと
  • React Nativeを1年間使用して学んだこと
  • Reactをどのように学んだか
  • 型付きRedux （型付きRedux）
  • React NativeおよびReduxのテスト（ React NativeおよびReduxのテスト）
  • コンポーネントの独立のために戦う
  • Reactアプリでの多要素認証
  
  
  
• 練習：
  
  
  
  
  • Angular 2プロジェクトで将来使用するためのテーブルレイアウトの作成
  • Vue-routerを使用したVue 2アプリケーションの作成
  • React、Redux、およびRedux-sagaを使用したメディアライブラリの作成-パート1
  
  
  
• プラグイン
  
  
  
  
  • turbo.js -GPUを犠牲にして複雑な並列コンピューティングを実行し、JSで結果を利用可能にする
  • Anime.jsを使用したDOMアニメーション
  • jquery-linechart-kinopoisk.ruに触発されたスケーラブルなHTML / CSS / JSチャートを作成するためのjQueryプラグイン
  • JSCITY-都市形式の図書館のソースコードの視覚化
  • whitestorm.js-物理学を使用した3D Webアプリケーションを開発するためのフレームワーク

ブラウザ

• ブラウザ戦争Google Chromeが続く-フィールドからのリード
• Chrome for Androidは仮想現実のサポートを開始します
• Web Of Trustブラウザーアドオン、1億4000万回インストール、ユーザーデータを販売
• Internet Explorerが3億3100万人のユーザーを失い、Chromeのリーダーシップを放棄
• Firefoxはマルチプロセスコンテンツ処理とQuantum Compositorを導入します
• Safariテクノロジープレビュー17の技術的詳細
• Mozilla Push Serverがヘッダーをサポートするようになりました
• Chrome 56でスティッキーを配置する
• Firefox DevToolsは、低速接続をシミュレートする機能を追加します

ニュースと面白い

• Googleはモバイルファーストインデックスのテストを開始しまし た。Googleのモバイルファーストインデックスについて知られているすべてのこと
• デスクトップのChromeでのHTTPS接続の割合が50％を超えました
• Googleはマップメーカーの「民俗カード」を閉鎖し、今回は永久に
• Facebookは、モバイルデバイスでリアルタイムにビデオを処理できるAIプラットフォームを作成しました
• 新しいAdobeツールは、20分間のトレーニング後に人間の声を模倣します
• ドナルド・トランプの勝利に対するシリコンバレーの反応
• ティム・クックは選挙でのトランプの勝利に関連してアップルの従業員に手紙を書き、集会を呼びかけました
• Appleに対するすべて：広告の競合他社に対する批判
• Google Playで見つかったMulDropトロイの木馬は1,000,000回以上ダウンロードされました
• Yahooは最初に、5億アカウントのデータ盗難のために事業を売却する能力に疑問を呈しました
• ビジネスにおける認知技術
• PCが死ぬまで：コンピューターはWebを失う
• Googleがインデックス可能なPWAを作成するためのヒントを共有します
• 「メディアは人工知能の能力を飾ります」
• Twitterのボットが米国の選挙にどのように影響したか
• Google Pixelスマートフォンレビュー：ブルズアイを目指して
• ミライはどこから来たの？ ボットネットがどのようにビデオカメラで作られているかを理解しています
• 1.5年後のブラウザープッシュ通知：統計とヒント

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

* * *



ほとんどのJS Frameworks Day- 12月4日、キエフでJavaScriptに特化した大規模な年次会議が開催されます。



プレゼンテーションは、3つのストリーム、スピーカーとのQ＆Aセッション、舞台裏でのディスカッション、パートナーやオーガナイザーからの活動、食事、そしてもちろんアフターパーティで計画されています。



スピーカー： Mathias Buus、Tero Parviainen（Angular 2のドキュメントコントリビューター）、Gerard Sans（Angular Google Developer Expert、AngularZoneの創設者）、Michael North（Yahooの元UIアーキテクトLevanto FinancialのCTO）、Evgeny Zharkov、Andrey Shumada、Ilya Klimovだけでなく。



宣言されたトピック： React、Angular 2、RxJS 5、ネイティブWebコンポーネント、Node.js REST APIおよびMongoDBへのデータ移行。 優れたフロントエンド開発者になる方法を理解できますが、それだけではありません。







特にダイジェストの読者には、 フロントエンドダイジェストのプロモーションコードが15％割引で利用できます。



←先週のダイジェスト

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