🧔 🐥 ⛷️ 前週のフロントエンドの世界からの新鮮な材料のダイジェストNo. 214（2016年5月30日-6月5日） 🕋 🎬 🍣

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

ウェブ開発

CSS

Javascript

ブラウザ

ニュースと面白い

ウェブ開発

Podcast Web Standards、Issue No. 18 ：初心者向け記事、リセットまたは正規化、アマチュアと管理者向けのjQueryとブートストラップ、アトミックCSS、CSSプログラミング、Safariサービスワーカー。
TARSを使用したフロントエンドの開発でさらに快適に
テーマフォレストに参加できなかったのはなぜですか
ニューラルネットワーク、タイポグラフィ、レイアウト：Habrahabrでの手紙の作成と電子メールの操作に関する興味深い資料のダイジェスト
セマンティクスを理解する。セマンティクスを理解する
localForage：オフラインストレージの改善
プログレッシブWebアプリ：
- 回帰的なWebアプリケーション。回帰的なWebアプリの記事の翻訳
- プログレッシブWebアプリ：HTTPSに移行する方法
- プログレッシブWebアプリと回帰的なアプローチ
パフォーマンスの最適化：
- 2016年のWebアプリケーションパフォーマンス分析、Ilya Klimov、FrontendDevConf
- Web開発者がAMPの未来について知っておくべきこと
- ページのパフォーマンスを改善し、ホスティングを最大限に活用する方法
- ファビコンを小さくキャッシュ可能にする方法
- 画像の最適化：よくある間違いと解決策
- 最適化する方法をブラウザに伝える必要がある方法（最適化する方法をブラウザに伝える必要がある方法）
アクセシビリティ：
- チェックリストWCAG 2.0
- アクセシビリティは道徳に関するものではなく、多くのユーザーのためのものです（道徳ではありません：アクセシビリティは大衆向けです）
Yeomanの使用が私たちの働き方をどのように変えたか
Hexo Static Site Generatorを使用したプロジェクトドキュメント（Hexo Static Site Generatorを使用したプロジェクトドキュメント）
5あなたが聞いたことのないさらに素晴らしい新しいMozillaテクノロジー
<head>にある可能性のあるすべてのリスト。ただし、 <head>を大胆にしないでください
壮大なウェブ：

CSS

知っておくべき5つのFlexboxテクニック
13年後に更新されたCSS3生成コンテンツモジュール
改行を挿入します。改行記事の翻訳を挿入する
CSSクリップパスを持つ引き裂かれたエッジのアバター
CSS clip-pathプロパティの紹介
BEM
- CSSプリプロセッサとBEMを使用する方法
- BEMとの戦い：10の一般的な問題とそれらを回避する方法（BEMの戦い（拡張版）：10の一般的な問題とそれらを回避する方法）
- 私（最終的に） BEMを理解した（BEM I（最終的に）理解した）
BBC SportのCSS（パート1）
CSSのテキストの行間に関する詳細（CSS Text Line Spacing Exposed！）
CSSモジュール：（CSSモジュール：フロントエンドからのレビュー）
簡単なCSSモジュールのコレクション
デフォルトのブラウザスタイルとCSSリセットの詳細な履歴
ParkerによるCSSの改善（ ParkerによるCSSの改善）
FlexboxでBootstrapスタイルのグリッドシステムを構築しないでください
フレックスボックス：フレックス方向：列。列との混乱が続く
</> mic Docs-スタイルジェネレーターおよびSassコンポーネントマネージャー
スプライトを使用したビデオのアニメーションスクリーンセーバーの作成（スプライトを使用したビデオのアニメーションカバーの構築）
Sassの高速化：Sassのアーキテクチャ（Jass Start Sass：Sassのアーキテクチャ）
ClosestColor-類似色を識別します

Javascript

JavaScriptのOOP
RxJS：フロントエンド開発のための事後対応型拡張
JavaScriptからのRest APIのリクエストはコンパクトで美しい
KharkivJS＃6 2016のレポートの記録
フロントエンドハイパーポリグロット-6つのフレームワーク（React、Angular 2、Angular 1、Polymer、Vue、Ember）に実装された同じ機能の比較（フロントエンドハイパーポリグロット）
反応：
- React into React：Redux
- Reactのイマージョン：コンテナー
- 「慣用的なReduxを使用したReactアプリケーションの構築」ライブラリの作成者であるDen Abramovからの26のレッスン
- Reactの漫画パフォーマンスガイド。反応するヨーロッパ2016でのリン・クラークの講演（Reactでのパフォーマンスの漫画ガイド）
- ReactでTDDを始めよう（ ReactでTDDを始めよう）
- Reactの22の興味深いオープンソースプロジェクト
角度：
- 角度攻撃：私のハッカソンの経験
- Angular 2は世界をフロントエンドの銀河にもたらします
- Angular CLIおよびGitHubページを使用したAngular 2アプリケーションのクイックホスティングセットアップ（ Angular CLIおよびGitHubページを使用したクイックAngular 2ホスティング）
- AngularJSアプリケーションアーキテクチャ
- Angular Universal In Practice-Angular 2でSEOフレンドリーなシングルページアプリを構築する方法
- NativeScriptとAngular 2を使用してシンプルなモバイルアプリを構築する
- WebPackとAngular 2
- 18の興味深いAngularオープンソースプロジェクト
独自の仮想DOMの書き方
TypeScriptを怖がってはいけない理由
バニラJSのリポジトリ。なぜなら、jQueryを使用すると罪悪感を感じることがあるからです。
JavaScriptを使用した動き検出
IE8サポートの削除：JavaScriptの結果）
JSの等価演算子の凡例（JavaScriptの等価演算子の凡例）
非同期と待機（非同期と待機）
3種類のプロトタイプ継承：ES6 +エディション（3種類のプロトタイプ継承：ES6 +エディション）
JavaScriptの正規表現
5行のJavaScriptでのスムーズなページスクロール
独自のJavaScriptライブラリの設計と構築：ヒントとコツ
ES6ジェネレーターを使用した無限のコレクション
Google Maps JavaScript APIの適切な使用（Google Maps JavaScript APIの正しい活用）
プラグイン
- gDoc.js-GoogleスプレッドシートをCMSとして使用（gDoc.js-GoogleスプレッドシートをCMSとして使用）
- Pixel.js-大型のインタラクティブディスプレイを作成するためのソフトウェアおよびハードウェアライブラリ
- Multirangeの紹介：MultirangeのHTML5.1 2ハンドルスライダービューの小さなポリフィル：2つのスライダーを持つHTML5.1スライダーの小さなpolyphile
- microlight.js-スタイルのハイライトでコードの可読性を向上させるマイクロライブラリ
- barba.js-サイトのページ間でスムーズな移行を作成するためのライブラリ（Webサイトのページ間でバッド、滑らかでスムーズな移行を作成します。）

ブラウザ

Opera Maxは1,000万台を突破し、有料サブスクリプションや控えめな広告の導入を検討しています
Tor Browser 6.0リリース
2016年6月のブラウザトレンド：Microsoftの障害（2016年6月のブラウザトレンド：Microsoftの不幸）
レベルアップ：新しいブラウザの作成（Microsoft Edge）（レベルアップ：最新のブラウザの構築）
Webは誰でも使えるはず：Microsoft Edgeとインクルーシブデザイン
EdgeHTMLの次のステップ（EdgeHTMLの次のステップ）
Chrome 51：交差点オブザーバー、パッシブイベントリスナー、および資格情報管理API

ニュースと面白い

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

先週のダイジェスト。

dersmollとalekskorovinが作成した資料。

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

ウェブ開発

CSS

Javascript

ブラウザ

ニュースと面白い

More articles: