先週のWeb開発とITの世界からの興味深い資料のダイジェスト№191（2015年12月20〜27日）

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

ウェブ開発

CSS

Javascript

ブラウザ

設計

ニュース

おもしろい

ウェブ開発

• フレームワークを使用する価格
• レターのレイアウト：60の有用なリソース、ガイド、研究
• 皆のためのWebGL
• ウェブサイトの作成。 若い戦闘機コース
• Googleマイクロディストリビューション検証ツールにAMPページエラーが表示されるようになりました
• GSPフォーマットについて説明します。YouTubeからレターにビデオを追加する方法は？
• WPでレスポンシブ画像が注目されるようになりました （レスポンシブ画像がWordPressコアに追加されました）
• 画像でクロマサブサンプリングを使用しないのはなぜですか？ （画像がクロマサブサンプリングを使用しないのはなぜですか？）
• Progressive Web Appsの使用を開始する
• プログレッシブエンハンスメントによるシングルページアプリケーションの再想像
• レターでのSVGサポートについて （電子メールでのSVGサポートのガイド）
• HTML5インタビューの重要ガイド（ HTML5インタビューの重要ガイド）
• 2015年のGitHubのトップ （ 2015年のGitHubチャートのトップ）
• Stackoverflow 2015開発者アンケート
• Webの仕組み： パート1、初心者向け 、 パート2：クライアントサーバーモデルとWebアプリケーションフレームワーク （Webの仕組み）
• フロントエンドツール：2015年のお気に入りの発見
• コーディングと教育をキャリアに統合する
• サービスワーカー：
  
  • オフラインを超えて 。 Mozilla開発者のService Workerを使用するための7つのレシピ
  • Service WorkerによるSVG負荷の最適化（Service WorkerによるSVG負荷の最適化）
  • Service Workerツールボックスの使用開始
  
  
• 壮大なウェブ：
  
  • CSS / SVG / JS＃18の美しいエフェクトの毎週の選択
  • codepenを使用した美しいマルチレベルメニューの優れた概要
  • ページスクロールの進行状況の効果的なインジケーター （読み取り進行状況インジケーター）
  
  

CSS

• クールなCSS：プログラムとしてのSassスタイルシート
• CSSモジュールの方法論
• フレックスボックスは実験状態に別れを告げます
• 最小幅と最大幅のメディアクエリの選択（最小幅と最大幅のメディアクエリの選択）
• SusyとBreakpointを使用して柔軟なレイアウトを作成する方法）
• 表現性のあるCSS-別の静的フレームワーク
• タイプサイジングのレスポンシブガイド
• コードとサンプルを含むFlexboxの使用パターン
• 少ない。 初心者向けガイド
• `flex-grow`プロパティの奇妙な操作 （` flex-grow`は奇妙です。それともそうですか？）
• Foundation 6のFlexbox Gridについて

Javascript

• TypeScriptについての大声
• 2016年のJavaScript市場の実際の様子
• 簡略化された用語JS Jargon
• Javascriptからの疲労 （Javascript Fatigue）
• JavaScript：2015 Review （JavaScript：2015 in Review）
• JavaScript：簡単な言葉で説明
• Remy Sharp：タブの仕組み
• フレームワーク
  
  • Angular 2で5分でクイックスタート
  • React開発者向けのAngular 2
  • JSで Reactコンポーネントのスタイリングを停止（JavascriptでReactコンポーネントのスタイリングを停止）
  • Gulp、TSLint、およびDefinitelyTypedを使用してAngular 2ビルドを作成する
  
  
• ES6：
  
  • ES6レスト/スプレッド、デフォルト、および破壊
  • ES2015-常に使用するいくつかの機能）
  • webpack 2およびBabel 6によるツリーシェーキング（ webpack 2およびBabel 6によるツリーシェーキング）
  • ES6による閉鎖の喜び （ ES6によるブロックスコープの喜び）
  
  
• bala.js-400トライフルコード文字のjQueryキラー*チュートリアル
• Sharer.js-ソーシャルネットワークで共有するためのカスタム要素を作成する
• npmパッケージの過去または将来のバージョンのインストール
• Vorlon.jsがWebコードの改善にどのように役立つか
• RxJSは素晴らしいです。 なぜ彼から切り替えたのですか？ （RxJSは素晴らしい。だから、なぜ私は先に進んだのか？）

ブラウザ

• ブラウザ戦争：Netscape、Internet Explorer、Mozilla Firefox、Google Chromeの対立の歴史
• Firefox 44以降のプッシュ通知
• Firefox 44-betaおよびFirefox Developer Edition 45のテスト
• Firefox 45は、Chrome互換のアドオン開発インターフェイスであるWebExtensionsを導入します
• Firefox 45は、署名のないアドオンの一時インストールをサポートします
• Developer Edition 45-アニメーション、メモリツールなど
• GoogleはChromeでのSHA-1のサポートを時期尚早に廃止します

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

• ゴールドマン・サックスによると、ロシア連邦、アメリカ、中国の最も訪問されたサイト
• 最初のウェブサイトは25年前に開設されました
• qz.com/gift-guide-単一ページの水平垂直サイト
• cryptarismission.com-キャンバスと擬似3Dに印象的な効果があるサイト
• newdealdesign.com-異常な読み込み効果のあるサイト
• 社会戦争

設計

• UXデザイナーインタビュー
• リンク先ページ。 なに それが構成するもの。 種。 作業プロセス
• 今年の結果：
  
  • 2015年のマテリアルデザインコンセプトトップ20-MaterialUp Choice
  • 2016年のデザインを見てみましょう （ 2016年のデザインを振り返って ）
  • 2015年のMediumでのベストデザイン記事 （ 2015年の Mediumのベストデザインライティング）
  • Muzliによると、2015年の最高のデザイン（2015年のデザインの世界におけるMuzliの選択）
  • デザインの年
  • 2015年のDNの概要
  • Pingdom Yearレビュー
  • 2015年のベストおよびワーストアイデンティティ： パートI：最も傑出した 、 パート2：ベストの概要 （年末リスト2015年のベストおよびワーストアイデンティティ）
  
  
• グラフィックエディター：
  
  • SketchはAdobeにPhotoshopの機能強化をどのように強制しましたか？ （Sketch AppはAdobeにPhotoshopの改善を強制しましたか？）
  • Sketchのモバイルアプリデザインに便利なiOSグリッド
  • ガイドのコピーと貼り付け-ガイドをコピーして貼り付けるためのプラグイン
  • マーベルとスケッチのプロトタイピング：パート2/2
  
  
• チュートリアルからプロデザイナーに移行する5つの方法
• モバイルファーストレスポンシブデザインの実践ガイド
• Webデザインを変える9つの技術トレンド
• あなたの人間を訓練する方法：より健康的な習慣のための設計
• スティーブハーベイを責めないでください：悪いデザインはミスユニバースフィアスコを引き起こしません
• スターウォーズキャラクターを作成するための形状の探索：デザイナー以外のためのガイド
• ゲーム「Hitler's Secret」のイラストとグラフィックデザイン （Secret Hitler Illustration＆Graphic Design）
• 私が実際に見る方法（私が実際に「見る」方法）
• iPhone用Airtableアプリの再設計について （Everyone's Pocketにデータベースを置く）
• インターフェイスアニメーション。 動きの力（インターフェイスアニメーション。動きの力）
• 未請求のアプリの再設計：Yelp（ 未承諾のアプリの再設計：Yelp）
• Goodreadsの再設計コンセプト （Reimagining Goodreads）
• バーチャルリアリティがUXについて教えることができるもの（VRがUXについて教えてくれるもの）
• ディナ・ロドリゲスによる原稿の芸術 （ディナ・ロドリゲスによる手のレタリングの芸術）
• 開発チームが設計を理解していることを確認する方法は？ （開発チームが設計を理解していることをどのように確認しますか？）
• アドビのプロジェクトコメット：2016パブリックベータ版に期待すること
• 中国語フォントの作成の歴史 （長い間、信じられないほど曲がりくねった、魅力的な中国語フォントの作成プロセス）
• 教訓：
  
  • スケッチクリスマスアイコンデザイン
  • Adobe Photoshopで3Dテキストにテクスチャを適用する
  • Adobe Illustratorでの3Dテキストの崩壊
  
  

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

• 本：ワイヤーフレーム作成のガイド（デザイナー、PM、エンジニアなど） （無料の電子ブック：ワイヤーフレームのガイド）
• デザイナーのためのクリスマスリソース （ デザイナーのためのクリスマスの景品）
• あなたのデザインのベクトルライト。
• クリスマスベクトルグラフィックス （デザインツールキット用の15の無料の素晴らしいクリスマスベクトル）
• 色付きのアウトラインアイコン（SVG、PNG） （景品：色付きの線アイコン（SVG、PNG））
• 新年のデザインのアイコンとグラフィック要素。
• フラットデザインのクリスマス輪郭アイコンのセット （フラットスタイルとラインスタイルの100の無料クリスマスアイコン）
• 2015年のトップ50アイコンセット（2015年のトップ50無料アイコンセット）
• 季節のアイコン：冬のインスピレーションと無料パッケージ
• フォント：2016年の完全なコレクション （無料フォント：2016年の究極のコレクション）
• レトロとビンテージフォント （20の無料のレトロとビンテージフォント2）

ニュース

• インターネット上の451：当局によってブロックされたサイトのHTTPに新しいステータスが登場しました
• SpaceXがFalcon 9の最初のステージを無事に着陸しました
• 古いKinoPoiskはメインリソースのままで、セクションとして新しいバージョンを吸収します
• GoogleとMicrosoftが子供たちに世界を探検させるサンタトラッカーを開始
• ダスティンカークランドによると、Ubuntuは間接的に10億人以上を使用しています
• Mozillaはタブレット、ルーター、メディアボックス、スマートキーボードで動作します
• Googleは「スマート」メッセンジャーを作成します
• Spotlight StoriesインタラクティブビデオがYouTubeに登場
• マイクロソフトは、Skype「クラウド」コールの導入のためのサービスを購入しました
• GoogleがKnowledge Network Search APIを開始
• FacebookがFlashをHTML5に交換
• Linuxブートローダーはシングルクリックで28回クラックできます

おもしろい

• スーパーコンピューター：元IEEEリブートコンピューティングエンジニアによるトレンドと開発の課題
• ソーシャルネットワークとインターネット：社会学者の見解
• バーチャルリアリティ-それは時間ですか？
• ビッグeスポーツ経済学：見込み、プレーヤーの収入、予算
• Boston Dynamicsはクリスマスのトナカイロボットを活用しました
• 2015年の10の主要な科学的成果
• Coubが2015年の最高の穂軸に選ばれました
• 今年の10の主要なビデオゲーム
• The Next Webのトップ2015アプリ
• 間違いから学ぶ：Github、Youtube、Twitter、GoProの創設者の失敗したプロジェクト
• 完璧なITの未来。 登録とSMSなしの無料の未来
• 今年の最も反響のあるハッカー攻撃
• 2015年の最高のゲーム
• 生産プロセス
• 著作権侵害の地理：アフリカのiTunes、ブラジルのビデオクラブ、キューバの地下インターネット
• モノのインターネットとスマートホームの不気味な側面
• 「すべてがゆっくりと読み込まれますが、私はそれに慣れています」：中国人と世界で最も閉じられたインターネットのある生活についての外国人
• ロシアと外国の会社は、新年とクリスマスに従業員に何を提供しますか？

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

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