🎿 👈 🍟 前週のフロントエンドの世界からの新鮮な材料のダイジェストNo. 216（2016年6月13〜19日） 🤟🏻 ⛳️ 🦃

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

ウェブ開発

CSS

Javascript

ブラウザ

ニュースと面白い

ウェブ開発

Podcast Web Standards、Issue No. 20 ：Firefox、Chromium、jQueryのリリース、実用的なCSS、SVGのタイポグラフィ、オープンWebの酷使、Adobeの状況はDmitry Baranovskyに語っています。
Frontflipポッドキャストリリース18 。「ReduxをMobXに変更するように説得してください。」ピーター・ミャジン
Google：AMPページにロゴを追加する際のよくある間違い
SVGスプライトの使用方法
2016年のWebの行き先（2016年のWebの行き先）
ただコードを書くことを学ぶことはできません（単にコードを学ぶことはありません）
ファッキングオープンウェブ
オンラインコードサンドボックスのレビュー（オンラインコードプレイグラウンドのまとめ）
HTMLおよびCSSを使用した UXフォーム検証（ HTMLおよびCSSのフォーム検証UX）
Tuts +でメールを送信するための新しいテンプレートの作成方法の詳細（作成方法：新しいTuts +メールテンプレートの構築）
PNGからWebP-圧縮サイズの比較
Web Rebels 2016のビデオ録画
Webパフォーマンス予算の設定と計算
リンク先ページの最適化：ラジオボタンとドロップダウン
絵文字でコードを改善する方法—真剣に
Google Fonts Webサイトの再設計と新機能
Atomic Docsによるスタイルガイド駆動開発
メガボイラープレート -プロジェクトを迅速に開始するためのインタラクティブジェネレーターの形式の技術の開始セット
フロントエンドプロジェクトの品質を自動的に改善する（フロントエンドプロジェクトの品質を自動的に改善する！パート1-HTML）
壮大なウェブ
- Web Audio APIを使用したインタラクティブプレーヤー
- 本のページをめくるSVGアニメーション（SVG：Multiples Make A 3d Flip Book）
- feColorMatrixとJadeを使用した動的な2色SVG画像（ feColorMatrixとJadeを使用した動的なダブルトーンSVG画像）
- 液体の物理的特性のエミュレーションを備えたCanvasデモ
- CSS / SVG / JS＃42の美しいエフェクトの毎週の編集

CSS

CSSクラスを呼び出す方法
CSSを使用したSVGの<use>コンテンツのスタイル設定
CSSマジック。第4章色
Webフォントのダウンロードパターン
フレックスボックスでのZ-Indexと自動インデントの仕組み
BEMとの戦い：10の最も一般的な問題とその解決方法（パート2）
PiterCSS＃5からのビデオ
FacebookのCSSコードの品質を改善する方法についてのYuri Zaitsev （Facebookおよびそれ以降でのCSS品質の改善）
ピクセル密度の露出（ピクセル密度、分かりやすい）
最高のCSSプリプロセッサーとポストプロセッサーの比較（最高のCSSプリプロセッサー/ポストプロセッサーとは？）
PostCSSを簡単にする7つのPostCSSプラグイン（PostCSSを簡単にする7つのPostCSSプラグイン）
Google Chromeブラウザーのデフォルトスタイル（HTMLのレンダリングに使用されるデフォルトスタイルシート）
React CSSコンポーネント
フロート、図、領域、グリッドの反射
Snapper：CSSスナップポイントカルーセル
Stylelintを開発プロセスに統合してCSSを改善します（より良いCSSを実現するために Stylelintをワークフローに統合します）
ポインターイベントの使用について（マウス、いくつかのタッチ、あらゆる種類のポインター）
動作中のCriticalCSS
CSSでベースラインリズムを実装する

Javascript

Frontend Conf 2016のビデオ：ずっと夢見てきたコンポーネントのUIライブラリ
JavaScriptをクリーンにする
関数型JavaScriptの概要：パート2
JavaScriptの2つの柱
JSConf Budapest 2016のビデオレポート
フレームワーク
- Reduxガイド
- React Amsterdam 2016 Conference録画ビデオ
- JavaScriptフレームワークの選択（ JavaScriptフレームワークの選択-Rob Eisenberg）
- JasmineとKarmaでAngularJSをテストする（パート1）
- ReactおよびReduxアプリケーションの構造（ReactおよびReduxアプリケーションの構造化）
- Reactを使用するための最低限
- React.setStateの使用を停止した3つの理由）
- React：ES5（createClass）またはES6（class）？（React：ES5（createClass）またはES6（class）？）
- Egghead Courses Review：React、Reactive Programming、およびオープンソース
- 角度コンポーネントの構文
- 利用可能なAngular 2.0 RC2 （RC2が利用可能になりました）
- Angular 2のルーティングの改訂（ Angular 2のルーティングの再検討）
- Preact-同じES6 APIを使用したReactの代替（Preact）
ES2015、ES2016：
- ＃ES2016（別名＃ES7）仕様が公開されました。
- ECMAScript 2016が承認されました
- ES6：内部番号オブジェクトの改善
- JavaScript Promises、Ptを理解する I：背景と基本
- 約束に基づく世界観
gulp-swwは、WebアプリケーションまたはWebサイトがServiceWorkerWareおよびAppCacheを使用してオフラインで作業できるようにするgulpプラグインです。
ESLintスタディ（ESLintパート1：調査）
10,000行のレガシーJavaScriptコードベースのTypeScriptへの移行）
JavaScriptでの関数型プログラミング
JavaScript開発者向けの機能概念：カリー化
JavaScriptカリー関数
3つのドットがJavaScriptをどのように変更したか
同形JavaScriptはさらに単純です。（同形Javascript、簡単にしましょう。）
コードの記述方法を変更する 1つの奇妙なトリック：JavaScript TDD （永久にコーディングする方法を変更する1つの奇妙なトリック：JavaScript TDD）
JavaScriptモジュールローダーの歴史と背景
庭で野菜を育てて D3.jsの基本を学ぶ（野菜の庭を植えることでD3.jsの基本を学ぶ）
Ramda.jsによる実用的な関数型プログラミング（ Ramda.jsによる実践的な関数型プログラミング）
PQ：人間が読めるPromise Chain Query Compiler
Kakapo.js- Javascriptの次世代モックフレームワーク
fetch-sync-バックグラウンド同期APIを介したプロキシフェッチリクエスト

ブラウザ

ニュースと面白い

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

先週のダイジェスト。
dersmollとalekskorovinが作成した資料。

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

ウェブ開発

CSS

Javascript

ブラウザ

ニュースと面白い

More articles: