😡 🍂 🥢 Web開発およびITの世界からの興味深い資料のダイジェスト、先週第193（2016年1月3〜10日） 🖥️ 🏡 🥇

役立つリソース、興味深い資料、ITニュースへのリンクを含むセレクションをご紹介します

ウェブ開発

CSS

Javascript

ブラウザ

設計

ニュース

おもしろい

ウェブ開発

2016年の10のウェブ予測
Googleは、Search ConsoleでAMP機能をテストすることを勧めます
将来のWordPressのパフォーマンス：CDN、HTTP / 2など
Google：robots.txtファイルの新しいバージョンのインデックス作成を高速化する方法
Web使用のためのSVGの最適化：パート1 、パート2 、パート2½ （Web使用のためのSVGの最適化）
Travel to Webpack （ Webpackへの旅）
Addy Osmaniからのnpmパッケージのオフラインインストールについて（npmパッケージのオフラインインストール）
ローカルにインストールされたnpm実行可能ファイルを実行する
BEMIT命名規則
サービスワーカー：サンタの小さなパフォーマンスヘルパー
2016年のより良いランキングのための11のSEOテクニック
無料のウェブアクセシビリティツールのまとめ
サイトをモバイル向けに最適化する8つの方法
2016年にコードを改善する 4つの方法（ 2016年にコードを改善する 4つの方法）
CodePen：2015年のレビュー、 2015年のCodePenで最も人気のあるデモ
ポリマー試験のヒント
ベクターテクスチャを使用したGPUテキストレンダリング
最新のブートストラップインタビューガイド（ブートストラップインタビューの重要ガイド）
Foundation 6の新機能（Foundation 6の新機能？）
チェックボックスによるユーザー選択の確認
コンテンツとディスプレイのパターン（コンテンツとディスプレイのパターン）
php-gif-リアルタイム画像データ生成

CSS

FirefoxはWebKitとの互換性のためにカスタムCSSをサポートします
レスポンシブデザインのテキストサイズガイド。 css-live.ruコミュニティによるタイプサイジングのレスポンシブガイドによって翻訳された記事
レイヤー化されたアニメーションを使用したCSSの曲線パスに沿った移動
CSSアニメーションとは何ですか？（CSSアニメーションとは？）
ブレンドモードの神話を解き明かす
CSSの@supportsルールの紹介（機能クエリ）
OpenTypeタイポグラフィカスタマイズオプションを使用するためのユーティリティ（ユーティリティOpenType）
React Container Query：応答コンポーネントのスタイル設定における真のモジュール性
CSSに実装されたシンプルなスライドショー
スケーラブルなアプリケーションのための自信のあるスタイルガイド（スケーラブルなアプリケーションのためのオピニオンされたCSS スタイルガイド）
Milligram-もう1つの最小限のCSSフレームワーク
app-reset -Webアプリケーションの特別なスタイルをリセットするための最小限のセット
Sassのヒント：ダブルアンパサンドセレクター
Sassを使用したカラーパレットの理解（ Sassでのカラーセットの処理）
メニュー項目の上にマウスを置いたときの直線的なスタイルのアニメーションのインスピレーションの例（ラインメニュースタイルのインスピレーション）
CSSアニメーションスイスポスター
CSSConf.Asia 2015のビデオ： WebFonts-Level Up！、モジュラースタイルの台頭、ページ読み込みを超えるパフォーマンス、グローバルCSSの終わり、 PostCSS-JS Your CSS
dotCSS 2015のビデオ： Una Kravets-CSSで画像を編集する、 Rachel Andrew- 新しいCSSレイアウト

Javascript

jQuery 2.2および1.12リリースをリリースしました。主要なパフォーマンスの改善、SVGクラス操作、ES6でのシンボルサポート
V8 JavaScriptエンジンに追加されたWebAssemblyサポート
JSプログラミングコンテストの結果：メールフィルター
フレームワーク
- Angular 2のテンプレート構文について
- Angular 2 vs.React：そして血が流れます（記事「Angular 2 vs React：There Will Be Blood」の翻訳）
- 1年のAngular + Typescript + Offline SPAプロジェクトの経験
- ReactでSVGを生成する方法
- Angular 2がDOAである理由
- Angular ES5ディレクティブからAngular ES2015コンポーネント（ES6）へ
- レッスン：初心者向けのAngularJSチュートリアル-1
- Angular 2 ES6 TodoMVC （Angular 2 ES6 TodoMVC）
- OverReact- React File Generator
- React開発者向けのOm Next ：アプリケーションの状態
- Backbone.jsおよびSocket.ioを使用したWebアプリケーションの作成（ Backbone.jsおよびSocket.ioを使用したWebアプリの構築）
- Ember.js-さようならMVC（部1）
- Meteor Guideの紹介（ Meteor Guideの紹介）
セバスチャン・マッケンジーによる2015年のレビュー（〜2015年のレビュー）
JavaScriptでの非同期テクニックの調査
フォレスト内の2つの分岐：if ... elseのJavaScriptステートメントの使用
D3を使用したWeb Audio APIの探索
window.onerrorを使用してJSエラーを処理する（ window.onerrorで JavaScriptエラーをキャプチャして報告する）
ES6クラスのプライベートデータの管理
JavaScriptウィザードのインタビュー：クロージャーとは何ですか？（JavaScriptインタビューをマスターする：クロージャーとは？）
JavaScriptの2つの柱-パート2：関数型プログラミング（JavaScriptの2つの柱-Pt 2：関数型プログラミング）
JavaScriptの定数変数、または「const」が定数でない場合）
Linuxでノードアプリを展開する方法、2016年版）
オープンソースライブラリを構築するためにプログラミングウィザードである必要はありません）
ブランチを使用して簡単なMariontteJS + ES6アプリを構築する
プラグイン
- Feature.js-機能を検出するための1kbライブラリ
- vectorious-高性能線形代数ライブラリ
- playcanvas-spine -PlayCanvasエンジンのスパインプラグイン
ビデオ：
- JSConf.Asia 2015のビデオの一部： AMPによるWebの加速化、 Danese Cooper：The Node Foundation 、 Matthew Podwysocki：Reactive JavaScript at Netflix、Microsoft and the World 、 Towards Universal JavaScript
- dotJS 2015のビデオ： Pocket JavaScript 、 varで宣言されたすべての未来

ブラウザ

興味深いデザインと機能を備えたサイト

foundermantras.com-概念的なナビゲーションを備えたフルスクリーンサイト
We Doki Doki-多方向のスクロール、素敵なイラストとアニメーションを備えたクリエイティブなサイト
UIバイキング -トークデザインのポートフォリオウェブサイト
oursroux.com-水平スライドスクロール効果を備えたサイトで、背景画像とタイポグラフィに焦点を当てています
aslanbakan.com-創造的なフロントエンド開発者ポートフォリオサイト
gordon24ever.com-優れたアニメーションとタイポグラフィを備えた垂直自動車サイト
ブランドカラー

設計

トレンド：
- デザイナーの計画と結果：2015年に何が起こったのか、2016年に何が計画されているのか（Designer Resolutions：What 2015 Was、What 2016 Will Be）
- 2016年に試す 7つのUXツール（ 2016年に試す 7つのUXツール）
- 2016年のUXデザインの傾向（2016年のUXデザインの傾向）
- 2016年のUXの状態（2016年のUXの状態）
- 2016年の 15のWebデザイントレンド（ 2016年に探すべき15のWebデザイントレンド）
- 2016年のWebデザイントレンド予測：垂直分割画面
UX / UI：
- eコマース製品ページを最適化するための重要なUX要素
- メールデザインのUX（メールデザインのUX）
- すでに2016年に、サイトはどのようにしてUXを吐き出しますか？（すでに2016年ですが、ウェブサイトはどのようにこれらのユーザー体験を台無しにしていますか？！）
- UIアニメーションのジェダイの原則
スケッチチュートリアルシリーズ（パート1/5）：スケッチのセットアップ
なぜデザイナーは物事を不快にするのか
Sketchでハーフピクセルを取り除く方法
ユーザビリティはユーザーだけのものではありません
Casperホームページのデザインの作成（Casperホームページの構築）
ヘッドスペースが新規ユーザーをオンボードする方法（ヘッドスペースが新規ユーザーをオンボードする方法）
Adobe Portfolioによって設計されました。（Adobeポートフォリオの設計。）
Tourism Irelandのフォントについて、c。 2010–2014 （アイルランド観光局、2010 – 2014年頃）
デジタル製品の設計原則
ユーザーはより良い体験に値する
未承諾のデートのアドバイス
非公式Appleアイコンデザイン賞（非公式Appleアイコンデザイン賞）
最も望ましい製品の設計：紙幣設計の調査
ハンバーガーメニューは問題ですか？（ハンバーガーメニューは問題ですか？）
より良いモバイルアプリケーションインターフェイスを設計するための注意事項
モバイルユーザーの魅力を保証するための21 ポイント（Bulletproof Mobile User Onboardingの21ステップチェックリスト）
Slackがエキサイティングな理由（Slackがそんなに中毒性の原因は？）
デザイナー向けの視覚計画（デザイナー向けの視覚計画）
最も人気のあるデザインの誤解、または神聖な牛7±2
Adobe Photoshopでアニメーションの進行中のアクションを作成する方法
Adobe Illustratorでフラットプロフェッショナルアバターを作成する方法
Adobe Illustratorで従来のコミックストリップを色付けする方法（ Adobe Illustratorで伝統的にインク付けされたコミックを着色する方法）