🤭 ✍🏻 👳🏿 先週のフロントエンドの世界からの新鮮な材料のダイジェストNo. 230（2016年9月26日-10月2日） 👊 🛌🏼 👨🏾‍🍳

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

ウェブ開発

CSS

Javascript

ブラウザ

ニュースと面白い

ウェブ開発

再結成後のNode.jsの展望-専門家の意見
最小のデータ構造
常にラベルタグを使用する
HTML5でビデオを使用するためのベストプラクティス（HTML5 Video Player Best Practices）
X-XSS-Protection-クロスサイトスクリプティング攻撃の防止
スクリーンリーダーからのインラインSVGアイコンの非表示（スクリーンリーダーからのインラインSVGアイコンの非表示）
SVGでのフィルターの動作（SVGフィルターの動作）
必要な場合にのみポリフィルをロードする
プログレッシブWebアプリについて知っておくべきすべて
Responsive Image Breakpoints Generatorツールを使用してレスポンシブイメージを作成する
Webプラットフォームの機能にはどの程度アクセスできますか？（Webプラットフォームの機能はどのように利用可能ですか？）
REST APIインスペクター
アクセス可能なフローティングラベル
HTML5 CanvasおよびCSSブレンドモードによる素敵なタイポグラフィ効果

CSS

できない擬似要素
9過小評価されているCSS機能
CSS 3Dを使用する際の注意事項
Wenk-PostCSSを使用してCSSで記述された軽量のツールチップライブラリ
あなたはあなたのサイトが次の場合吸わないことを知っています ...
Flexboxでフォームを作成する（ Flexboxでフォームを楽しくする）
クリック時のアウトラインの修正
現代のCSSとインタラクティブレター-2016年CSSデーでのマーク・ロビンスのレポート
インライン読み込みインジケーター用のCSS静的ライブラリ（純粋なテキスト、CSSのみ、フォントに依存しない、インライン読み込みインジケーター）
Webタイポグラフィで間隔を制御する方法
CSS Animated Bird Flight （JetFalcon CSS Animation 2.0）
CSSマスクを使用したトランジション効果
グリッドレイアウトは、CSSにとって非常に必要なステップ変更です
CSS4グリッド：最終的に実際のレイアウトを取得（CSS4グリッド：True Layout finally Arrives（Jen Kramer）-Full Stack Fest 2016

Javascript

PiterJS＃7からの録音
AMPが必要なのは誰ですか？ Layzr.jsでのレスポンシブイメージの読み込みの遅延（AMPが必要な人は？ Layzr.jsでレスポンシブイメージをすばやく簡単に読み込む方法）
楽しい実験でJavaScriptの学習を改善する
JavaScriptでの関数型プログラミング？むしろ機能不全（Javascriptでの機能プログラミング？機能不全のようなもの）
クイックヒント：Vanilla JavaScriptを使用してCSSクラスを追加または削除する
DOMを管理します。思っているほど難しくありません（DOMをマスター）
JavaScript非同期反復提案の提案
Node.jsをChrome DevToolsでデバッグ（ブラウザーJavaScriptと並行）（Node.jsをChrome DevToolsでデバッグ（ブラウザーJavaScriptと並行））
Reactコンテキストを安全に使用する方法
Elmの単一ページルーティング
プレースホルダーを使用してカリー化を実装し、function-bind-syntaxをサポートする
フレームワーク
- Vue.js 2.0の公式リリース。 Vue 2.0リリース
- JSX：アンチパターンかどうか？
- 彼の親友であるReduxのImmutable.js（彼の親友であるReduxのImmutable.js）
- Reactコンポーネントをきれいにする
- Redux-最高のFlux実装
- PinterestプロファイルのReactへの移行（PinterestプロファイルのReactへの移行）
- Reactコードベースの詳細な概要（コードベースの概要）
- Reactと連携する純粋なd3コード（Plain d3コードとReactが連携する）
- * new * Jest（II）を使用したReact Nativeの単体テスト-Redux ：アクションとレデューサーのスライス（* New * Jest（II）を使用したReact Nativeの単体テスト）
- 初心者および上級開発者向けのReact Nativeマスタリングの学習
- イジェクトせずにcreate-react-appを構成する
- リアクティブプログラミングとRxJSについて
- ngAnimateとCSSを使用して2分間でトランジションをアニメーション化する
ES6：
- 約束を理解する：基本
- ES2015の変数と関数の巻き上げ
- テンプレートリテラル
- ブラウザーでの ES2015モジュールの遅延読み込み（ブラウザーでの ES2015モジュールの遅延読み込み）
- ES6またはES2015-JavaScriptバージョンの命名方法（ES6 vs ES2015-JavaScriptバージョンとは何ですか？）
- ESに追加される提案：グローバル（ES提案：グローバル）
- 「ES5では不可能なES6機能」-Dan Shappirによるレポート
図書館：
- react-animations -CSS-in-JSライブラリーのアニメーションのコレクション
- choreographer-js-複雑なCSSアニメーションを整理するためのシンプルなライブラリ
- リーフレット -インタラクティブなモバイル対応マップを作成するためのJSライブラリ
- viewscroller-全画面スクロールを実装するためのライブラリ
- navigo-古いブラウザ用のフォールバックを備えたシンプルなバニラJSルーター
- g9-インタラクティブなグラフィックスを作成するためのライブラリ
- CurrencyFormatter.js-通貨をフォーマットするためのライブラリ
- Taggd-画像にメモを追加するためのライブラリ

ブラウザ

ニュースと面白い

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

» 過去1週間のダイジェスト。
» ダースモールとアレクスコロビンが作成した資料。

先週のフロントエンドの世界からの新鮮な材料のダイジェストNo. 230（2016年9月26日-10月2日）

ウェブ開発

CSS

Javascript

ブラウザ

ニュースと面白い

More articles: