Web開発およびITの世界からの興味深い資料のダイジェスト。先週130号（2014年10月12〜19日）

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

ウェブ開発

• パフォーマンスに没頭
• Duo.js-新世代のフロントエンドパッケージマネージャー
• コードのテキストエディターの概要
• ワークフローのプロトタイピング
• SVGアニメーションのガイド（SMIL） （多くの例があります）
• レスポンシブ画像：完全なガイド
• 役職：複雑です
• CMSトレーニング
• ブラウザで美しいものを描く方法
• エイリアスを使用してGitをカスタマイズする
• レスポンシブサイトでパフォーマンスの高いWebフォントをダウンロードする
• JavaScriptとHTML5キャンバスを使用して画像データを読み取る
• シンプルなサイトからモバイルアプリケーションを作成する
• Sublime Text、Sass、CSS、Terminal、および同様のテクノロジーとツールに関するランダムで役立つヒントの選択。
• Smashing Conference Freiburg 2014の「Responsive Webのデザインの一貫性」に関するPatty Tolandのプレゼンテーション

CSS

• Sassを使用して色を反転するフィルターをエミュレートします
• CSSを使用してサイトUIでユーザーインタラクション統計を収集するためのソリューション
• CSS3トランスフォームの使用方法
• CSS3音声モジュールのサポートの概要
• 現在使用できる最新のCSSチップですが 、すべてのブラウザーで使用できるわけではありません
• css-live.ruチームが翻訳したFlexboxチートシート 。「スペースアラウンド」値に関する2つのエラーが修正されています。
• 「SASS入門」-インタラクティブな例を含む詳細ガイド
• Webフォントのパフォーマンスの詳細な分析 （ 不要なスタイルと文字を排除することによりフォントを最適化する利点を実証するサービス ）
  
• スキーマ -Lessを使用したモジュラーCSSフレームワーク
• CSSボックスシャドウもう一度
• BEMからSassを最大限に活用
• 純粋なCSSでのiPhone 6の実装の成功

Javascript

• JavaScript：直感をテストする
• 表現力豊かなJavaScript： はじめに 、 値、型、演算子 、 プログラム構造 、 関数 、 データ構造：オブジェクトと配列
• 5つの人気のあるJavaScriptハック
• 印刷可能バージョン-キャンバスとjavascriptを美しく使用する
• JavaScriptイコライザー
• 23世紀のJavaScriptアーキテクチャ
• スケーラブルで使いやすいJavaScriptの記述方法：カップリング
• Navigation Timing APIを使用したサイトのパフォーマンスの改善
• HTML5 History APIの概要
• ReactとjQueryを使用して資料を読むときに警告するウィジェットを作成する
• Windows 10 Technical PreviewのJavaScriptの主要なパフォーマンス改善のお知らせ
• Three.jsを使用したWebGLの概要
• D3.jsの概要
• バックボーンvs. ノックアウト
• スクロール位置決め
• Fluxアーキテクチャを使用してAngularでアプリケーションを構築する
• AngularJSアプリケーションのユニットテストの概要
• Angular.jsの何が問題になっています
• 特定の視覚化のための7つのJavaScriptライブラリ
  
• 6行のJavaScriptコードのアナログSVGクロック
• CSSでURLを書き換えるためのNode.jsユーティリティ
• franc-テキストによって言語を決定するスクリプト
• ineed-簡単なAPIを使用してWebページからデータをプルする簡単な方法
• floatlabels.js-入力のプレースホルダーをアニメーション化するjQueryプラグインの更新バージョン
• lazysizes-自動サイズ計算で画像をロードするためのバニラjsの小さなライブラリ。 さらに、jsスクリプトとiframeをロードできます。
• CSSとJavaScriptを使用した色反転検出

Webツール

• FreeIconMakerを使用したトレンドアイコンセットの作成
• Pixate-アニメーションを使用したモバイルアプリケーションのインタラクティブプロトタイプを作成するためのサービス
• PaletTabはChromeの拡張機能で、新鮮なパレットとフォントを刺激します
• Raw-スプレッドシートをインタラクティブなベクターグラフィックスに変換するサービス
• d3.jsでgitコマンドを視覚化する
• クリップパスプロパティのシェイプジェネレーター

ニュース

• Google：
  
  • Google I / O 2014：ロシア語のオンライン放送
  • スティック上のOS：GoogleがAndroid 5.0 Lollipopを正式に導入
  • Google Nexusラインの新しいデバイスの発表
  • Google Nexus Player：最初のAndroidベースのセットトップボックス
  • Nexus 6-Google初のリファレンスタブレット
  
  
• アップル：
  
  • Appleの10月のプレミア：Retina搭載のiMac、Mac mini、2つのiPadなど
  • iPad Air 2、iPad mini 3、Mac mini、および新しいiMac Retina-10月16日のAppleの主な発表
  • MacBookドライバーノート：OS X 10.10 Yosemiteレビュー
  • 新しい27「Apple iMacはRetinaスクリーンを取得し、2500ドルの費用がかかります
  • 新しいiPad、iMac Retina、Mac Miniのプレゼンテーションに対するジャーナリスト、ブロガー、専門家の反応
  
  
• 既存のブラウザと互換性のあるXNGアニメーション画像形式を導入
• TwitterはSSL 3.0サポートを無効にし 、 Google はSSL 3.0サポートを拒否します
• Rostelecomは、SteamとBattle.netのロシア語の類似物を作成する予定です。
• サムスンは5G高速モバイル機能を実証しました
• Facebookは、自然災害が発生した場合に友人に幸福を通知するための安全性チェックを実装しています
• モトローラは、レノボとの合併後にタブレットの生産を開始します
• ロッキード・マーティンがフュージョンのブレークスルーを発表
• ロッキード・マーティンのブレークスルーに関するロシアの科学者：彼らの業績はフィクションです
• 熱核突破週間が続く：ワシントン大学ダイナマク炉
• マスターカードは指紋センサー付きの最初のカードを発表しました

ブラウザ

• Firefox 33リリース
• 統合された通信クライアントを使用したFirefox 35-auroraおよびFirefox 34-betaの出力
• Firefoxベータ版により、追加のソフトウェアや登録をインストールせずにビデオ通話を行うことができます
  
• Opera 25のコンピューター用ビジュアルブックマーク
• Tor Browser 4.0およびTails 1.2がリリースされました

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

• nicalis.com -8ビットゲームをエミュレートする概念設計のサイト
• SoundCityProject-都市の音
• スタートアップノート -html5でページをめくるインタラクティブな本
• woodsly.com/lookbooks/summer-2014-ページ要素のデザイン、ナビゲーション、アニメーションの興味深いソリューションを備えたサイト
• academy.degordian.com-非標準のレイアウトとページ間のナビゲーションを備えたサイト
• agigen.se-フルサイト視差ウェブサイト
• thecreativeclass.tv-バックグラウンドビデオで飽和したサイト
• heforshe.org-非標準のスクロール効果のあるサイト
• hixsnedeker.com-非標準のホバー効果とサブページナビゲーション
• 35のクリーンでミニマルなサイト
• 20の自動車プロモーションサイト

設計

• サイズが重要：アダプティブレイアウト（翻訳）を使用したサイトのテキストはどうあるべきか
  
• 利益の損失：支払いページのインターフェースが店舗の収益に与える影響
• Webデザインのテクスチャとパターン
• Appleは昨日デザインを行いません
• Retina HDの準備：さまざまなスケールのピクセル完璧なキットを作成する
• IWatchアプリケーションの概念
• GoogleニュースのUIとUXの再設計コンセプト
• モバイルWebポインター
• ノルウェーの通貨の再設計は、ドルの設計コンセプトを作成するために触発されました
• ヴァージンアメリカ搭乗券のデザイン
• MapDesign-トグルスイッチ上の美しいマップのコレクション
• Adobe Photoshopでストック写真を鉛筆とエアブラシのイラストに変換する
• Adobe Illustratorでホラーポップコーンボックスデザインを作成する
• Keynoteを使用したアニメーションのプロトタイピング
• フラットなデザインのロゴ
• 昼食を提供するためのクールなタイポグラフィを備えたレストランのボード上のメニュー

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

• ロゴモックアップファイル
• あなたのデザインの無料花飾り要素
• iOS 8 GUI PSD（iPhone 6）
• iPhone6 OptimaSalesのアプリケーションテンプレート
• アプリやWebサイトを紹介するための20個のモバイルデバイスモックアップ
• アルカディアのランディングページPSDテンプレート
• UIキット：Icarus
• Matthew Skilesによる3つのUIキット
• レストランモバイルアプリのデザイン
• 10のベクトルの背景。
• ベクトルボタン
• 長い影を持つ40個のアイコンのセット。
• AI、SVG、PSD、PNG形式の旅行とエコロジーをテーマにしたアイコンのセット
• PNG、SVG形式の100の観光アイコン
• 今週のフォントコレクション：VintaからAtviceまで

デモ

• 今週のトップ10コードペン
• キャンバス上の多くの壮大なデモ
• Apple iMacスクロール効果
• 面白い2秒のアニメーション
• ヨクセル鳥かご

おもしろい

• Appleが常に新しいiPhoneを購入する方法
• 最も効果的な履歴書形式-Quoraディスカッション
• ITの世界で最も成功した女性10人
• テスラモーターズを実際に作成したのは誰ですか：写真で会社の簡単な歴史
• Siri、Cortana、およびGoogle Nowを比較する
• ロシアのオタク：あなたを必要としない国で自由になる方法
• New York Comic Con 2014 Epic Cosplay Music Video

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

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