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で宣言されたすべての未来
  
  

ブラウザ

• マイクロソフトは来週11のIEのすべてのバージョンのサポートを終了します
• Firefoxユーザーの約40％はアドオンを使用していません
• SHA-1ロックのリリースによるFirefoxアップデート43.0.4
• Chromeがついにスムーズなスクロールを実現

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

• 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で伝統的にインク付けされたコミックを着色する方法）

無料のデザイナーCookieのセレクション

• 100以上のカザフ語フォントで構成される「カザフ語フォント」を設定します。
• Photoshop用の12個以上のブラシ （75以上の無料Photoshopブラシセット）
• カメラとビデオカメラのトピックに関するベクタークリップアート
• バレンタインデーの背景とパターン
• 最も人気のあるモバイルデバイスのスケッチ形式の画像
• グレインテクスチャ （JPGおよびPNG形式の9つの無料高解像度グレインテクスチャ）
• BIG JOHN / SLIM JOEからCABANAまでの 30 個のフォント （間違いなく所有すべき30の高品質フリーフォント）

ニュース

• CES 2016：
  
  • 3dnewsレビュー： 0日目、1日目、2日目
  • モバイルレビューからの概要： 展示会のゼロデイ -ボルボとNVidiaの車、Lenovoラップトップなど、 初日 -LG、サムスン、Huaweiなど、 2日目 、展示会のストーリー、または来年
  • CES 2016：Razerウォッチ、Nervanaニューロスティミュレーターヘッドフォン、Goフィットネストラッカー、ソーラー駆動のActiveon Solar Xアクションカメラなど
  • 展示会CES 2016の主な傾向
  
  
• ジャックドーシーは、長いテキストのスクリーンショットを記録することにより、Twitterでの140文字の制限の拒否について説明しています
• レノボ、モトローラのブランドを放棄
• Amazonはプロセッサ市場に参入しました
• 2015年のプログラミング言語の人気の分析
• Netflixはロシアと130以上の国に来まし た。
• Dead Unicorn：以前10億ドル以上の価値があったGiltは、2億5000万ドルで販売されました。
• MicrosoftはSkype for HoloLensのバージョンに取り組んでいます
• iPhoneの生産を減らします。 過熱した市場

おもしろい

• Steamでゲーマーが支払うもの：今年最も人気のあるゲーム
• Facebook、Google、Microsoft、Yandex、Mail.Ru、Rambler＆Coなどの大規模IT企業でのインターンになるのはどうですか
• Zuckerbergが忍耐力をテストする方法
• ザッカーバーグは彼の家を制御するために人工知能を作成します
• 3Dプリンティングが革命を起こした人々の生活領域
• デジタルの未来の職業：近い将来に現れる専門分野と消える専門分野
• ブロックチェーンは私たちの生活をどのように変えますか？
• MacBookで私を悩ますもの
• シリコンバレーに関するいくつかの興味深い事実
• 6実現したスティーブ・ジョブズの予測
• 暴かれない科学の神話
• スターウォーズのBB8

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

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