😭 🌱 🧜🏻 前週のフロントエンドの世界からの新鮮な材料のダイジェストNo. 225（2016年8月22〜28日） 👨🏿‍⚖️ ✊🏽 ⛹🏼

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

ウェブ開発

CSS

Javascript

ブラウザ

ニュースと面白い

ウェブ開発

少ないコードを書いてください
Podcast Web Standards、Issue No. 30 ：高齢者、Reactについての考え、SMILはまだ新しい方法で隠されている可能性があります、GithubのPeople.ru、10 KBのWebサイト、休暇中のインターネット。
Frontflipポッドキャストの問題＃20：ニレと毒カモノハシ。イゴール・カプコフ
アニメーション：共通言語を探しています。アニメーション記事の翻訳の伝達
2つの新しいb_方法論ドキュメントが公開されました：クイックスタート、 BEM CSS
フロントエンド開発が人工知能を改善する方法
サービスワーカーとのオフラインコンテンツ（サービスワーカーとのオフラインコンテンツ）
WebP画像の使用（WebP画像の使用）
Markapp ：LEA VEROUのHTML / JSライブラリのリストを含むサイト。その目的は、JSコードを記述する必要のないプラグインを収集してサポートすることです
Carbideは、インストールまたは構成を必要としない新しいプログラミング環境であり、Javascript / ES2015、NPMおよびGitHubからのモジュールの自動インポートをサポートし、Github Gistsで直接動作します
パフォーマンスはプログレッシブエンハンスメントを意味します
HTMLのいくつかのヒント
コーダーを育てるには時間がかかります（コーダーを育てるには村が必要です）
amp-install-serviceworkerを使用したプログレッシブWebアプリのセットアップ（ amp-install-serviceworkerを使用したプログレッシブWebアプリのブートストラップ）
最初のAtomプラグインの作成（最初のAtomプラグインの構築）
視覚化されたGraphQLの概念
Flashは12月に死ぬ：長いライブHTML5ビデオプレーヤー（12月にフラッシュが死ぬ：長いライブHTML5ビデオプレーヤー）
「SVG So Very Good」 -CascadiaFest 2016のTyler Stickaレポート
インライン SVG-心配を止めてgzipを愛することを学んだ方法
API：
- WebPageTestとそのAPIの使用方法
- クイックヒント：JavaScriptバッテリーAPIの使用
- Web Audio APIの概要
- Web Bluetooth APIを使用してプログレッシブWebアプリケーションを作成します（Web BluetoothとプログレッシブWebアプリで構築を開始します）
- AJAXリクエストの結果をローカルでキャッシュする：Fetch APIラッパー（ローカルで取得されたAJAXリクエストをキャッシュする：Fetch APIをラップする）

CSS

年功順。 CSSが重要な場合
スタイルバリデーターは、JavaScriptまたはCSSメディアクエリの後にレイアウトを壊す可能性がある「危険なスタイル」を定義するバリデーターです。
CSSで固定背景を使用する例（ CSSの固定背景の使用例）
3つの非表示のCSSヒント
8つのCSS巧妙なトリック（CSS機能を備えた8つの巧妙なトリック）
Sass Mapsでデータ構造を改善する（ Sass Mapsでより良いデータ構造を構築する）
font-displayプロパティのCSS表現
モーションカーブを使用したCSSアニメーションの改善
適切なCSSツールキットとフレームワークを選択する方法
図と表の番号付けにCSS3カウンターを使用する
SCSS / SASSスタイルシートでモジュールパターンを使用する方法
ピュアCSSフライングロケット
Rachel Andrewの新しいビデオでの新しいCSS Grid frユニットの紹介（CSS Grid frユニットの紹介）

Javascript

老朽化したWebの代わりにNode.jsとJavaScript
Typescriptは努力する価値がありますか？
JavaScriptパフォーマンス、Silver Bulletデータベースおよび検索：HolyJS 2016のトップ5トークのビデオ
世論調査：JavaScriptの現在の状態（JavaScriptの状態）
クイックヒント：JavaScriptを使用してURLパラメーターを取得する
NodeJSの憎しみについて
作曲は王様です
JS理論：
- JavaScriptでまだ関数を使用しているのはなぜですか？
- JavaScript Curryingの概要
- JavaScriptキーワード「this」について：使用方法の説明
- ES6、var vs let （ES6、var vs let）
- 型が必要な理由（なぜ型が必要なのか）
- あなたのjavascript関数は本当にきれいですか？（あなたのJavaScript関数は実際に純粋ですか？）
フレームワーク
- Marionette.js 3.0の新機能（新しいバージョンの使用を開始する）
- JavaScriptの状態：フロントエンドフレームワーク（ JavaScriptの状態：フロントエンドフレームワーク）
- React FAQ
- 反応パターン
- ダミーのためのBookReactJS：React Redux Rightを学ぶ理由と方法（ReactJSコンベンションBookReactJSダミー）
- ReactJSコンポーネント：基本を学ぶ
- Reactでのデータの操作：プロパティと状態）
- React Game-エレファントタコスハント
- 反応音楽 -Reactでビートを作ろう！）
- react-static-plate-ReactおよびCSSモジュールを使用して、Amazon S3、Github Pages、Surgeなどでホストする静的サイトを作成します。（react-static-plate-ReactおよびCSSモジュールを使用して高速の静的サイトを構築します）
- Horizon、RethinkDB、Reactの新しい視野（ Horizon、RethinkDB、Reactの新しい視野）
- Angularの学習方法（ Angularの学習方法）
- Reduxアーキテクチャを使用したAngular 1
- ng-classからProperty Bindingへ
- 学習Angular 2を作成するための19のヒント学習Angular 2のヒント
教訓：
- Web Audioの実験：ピアノの音を検出する
- バニラJavaScriptで音楽コンプレックスを作成（バニラJavaScriptで音楽ジャムステーションを作成）
- Angularでカスタムフィルター（パイプ）を作成2）
- JavaScriptを使用して要素をマウスとタッチの場所に回転させる
- 目がカーソルに追従するCSS絵文字を作成します（動的なグーグリーの目でCSSスマイリーフェイスを作成します）
- Ember.jsを使用したドラムキットの作成（ドラムマシンの構築＃1-サウンドの再生-Ember.js）
プラグイン
- Grade.js-選択した画像の原色から2色のグラデーションを生成するためのライブラリ
- baffle.js -DOM要素の難読化とテキスト回復のための小さな（〜1.8kb）ライブラリ
- slate-テキストWebエディターを作成するためのフレームワーク
- pluggable.js-クロージャーを介して必要なオブジェクトとプライベートデータを保持しながら、JSコードプラグインを作成できます
- WebMonkeys-最も単純なAPIによる数千の同時GPUタスク
- Push.js-ブラウザーのJS通知
- OdooはSVGの素晴らしい走行距離計です。ライブラリは、機能的なアプローチとES7関数バインド構文を使用します
- インビュー -DOM要素がビューポートに表示されたり消えたりするタイミングを決定するスクリプト

ブラウザ

研究者は、アラブのドメインと絵文字によるChromeとFirefoxの脆弱性について話しました
GoogleはデスクトップでChromeアプリのサポートを停止します
FirefoxはWebp画像形式のサポートをサポートします
Surfingkeys-JavaScriptとキーボードを備えたブラウザー拡張機能（Chrome拡張機能）。（Surfingkeys-JavaScriptとキーボードを使用してブラウザーを展開します。）

ニュースと面白い

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

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

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

ウェブ開発

CSS

Javascript

ブラウザ

ニュースと面白い

More articles: