先週のWeb開発およびITの世界からの興味深い資料のダイジェストNo. 96（2014年2月9〜15日）

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

ウェブ開発

• オーディオAPIを使用してボコーダーを作成する
• Polymer / Webコンポーネントを使用してマークダウンタグを作成する
• PhpStorm-生産性の向上： ハッキングとキーボードショートカット 、 プラグイン、テーマ
• 簡単なChromeアプリケーションを作成する
• imgでのSVGブラウザーサポートの確認
• 適応設計、応答設計、ゴム設計および静的設計の原理の視覚的なデモンストレーション
• Instagram APIの使用方法
• どのプログラミング言語があなたに合っていますか？
• モバイルアプリケーションを作成する4つの方法、パート3：PhoneGap
• DevCasts-開発者向けのスクリーンキャストの大規模なカタログ
• ギボン -探索するプレイリスト。 ソーシャル形式でWebベースの知識を得る
• Web開発者およびWebデザイナー向けの教育およびトレーニングリソース
• Codewars -JS、CoffeeScript、Ruby コーディングスキルの強化
• w3schools：良い、悪い、悪い（逆順）。 混合サイトの競合する分析。
• ブックマークレット、1年前にWebを「衝撃を与えた」
• Grunt-fileをリロードし 、設定を最大限に活用する方法
• 職場でのWebアニメーション
• Envato Marketplaceのデザインがどのように適応性を高めたか
• クライアント側でショッピングカートを作成する
• AJAXとjQueryを使用してサイトを高速化する方法
• 3つのInternet Explorerサポートソリューション
• 中程度の効果を再現する-画像のスクロールぼかし効果
• キャンバス外 -プロのやり方
• すべてのデバイス間でSublime設定を同期

CSS

• Flexboxとは何ですか？ すべてのcssプロパティ、基本原則、長所と短所の説明。
• CSS変数が一時的に点滅を離れる
• 後に...またはそうでない、前に...私が混乱している何か（CSS擬似要素について）
• CSSで親セレクターになるには？
• CSSのトリックと計算関数
• progre©ss-純粋なcssの進行状況バー
• テキストフィールドのプレースホルダーの興味深い行動パターン
• CSSテンプレートを改善するFlexboxのトリック
• Yelpのサイトガイドの素晴らしい例
• 10分でSassコンポーネント
• モジュラースケール -Sassに組み込まれたモジュラースケール計算機
• CSSシェイプの新しい構文
• CSSボタンのホバー効果
• グリッド -レスポンシブデザインの簡単なガイド
• Sache -SassおよびCompassの拡張ライブラリ
• CSSオシロスコープ
• CSS3キーフレームアニメーションジェネレーター
• SCSSを使用したスタイリッシュなタイルパターン

Javascript

• LocalForage：Mozillaのクロスブラウザーローカルストレージ
• Ember.jsの構造（パート1、理論）
• より良いJavaScript APIの開発
• 20個のjQueryタイポグラフィプラグイン
• 責任あるjavascript
• jQueryでの複数の同時Ajaxリクエスト（コールバック付き）
• JSの再紹介
• tagtree.tv -JSスキルを強化するスクリーンキャスト
• Angular.jsの小さなレッスン
• localForage：オフラインストレージの改善
• ES6シングルラインスニペットコレクション
• ECMAScript 6のイテレーターとジェネレーターで遊ぶ
• JavaScript Promises ...面白い詳細
• コールバックをES6ジェネレーターに置き換える
• Node.jsとPhantomJSを使用してCLIユーティリティを作成する方法
• 最も単純なグラフィックスを描画することにより、D3を扱い始めます。
• kettle.js -Backboneのビューを迅速に開発するためのアプローチ
• jide.js -Webアプリケーションを作成するためのツールキット（IE9 +）
• Fluidbox-流れるアニメーションを備えたjQuery Laybox
• InstantClick-サイトの応答性を改善するJSライブラリ
• FlipOut_Cards.jsを使用して拡張可能なカードを作成する
• jquery.wanker.js-イースターエッグをサイトに埋め込むためのプラグイン。ブラウザのサイズを変更するときに表示されます
• jquery.floatThead-スクロール中にテーブルのタイトルを固定するプラグイン
• WOW.js-多くのアニメーション、すごい、jqueryなし、そのような簡単で、非常にjsなので、感動します、すごい
• mem.js -Backbone.js上のアプリケーションのメモリ管理
• Placeholdem-プレースホルダーテキストが消えたときに入力フィールドのカーソルをアニメーション化するプラグイン
• Dug.js -JSONPからHTMLスクリプトへのコンバーター

Webツール

• Web開発の最大の問題を解決する
• スタートアップの配色を選択する10の無料ツール
• 繰り返しの背景を見つけるためのオンラインリソース
• 無料のオンライン画像フォントツール
• ページレイヤー -Webページを異なるレイヤーの要素を持つPSDに変換するOSX用のアプリケーション
• 画像ごとにフォントを決定する無料サービス
• Pageres-さまざまな解像度でサイトのスクリーンショットを取得する
• Classnamer-クラス名ジェネレーター
• Cody -Webプロジェクト用にスニペットダイヤモンドライブラリを開こうとしています

ニュース

• Yandexは、「poo poo pid」の動機に基づいて音楽を検索することを学びました
• Letspleysルール-Twitchはトラフィックのピーク時にFacebookを追い抜いた
• Twitterは、FacebookやGoogle+を思わせる根本的に新しいデザインをテストしています
• OneDriveは新しい名前であるだけでなく、Microsoftにとって重要な一歩です
• 日本企業の楽天がViberを9億ドルで買収
• 3年以内に、Googleはデータ転送速度が最大10 Gb / sの新世代のインターネットネットワークを導入します
• Yandexは、sjestの質問への迅速な回答により、オリンピックに備えています
• 2週間で、Appleは140億ドルで自社株を取得し 、タブレットiPad 2のリリースも中止します
• Buka Companyは20周年を迎えます
• Microsoft Windows 8ライセンスの売り上げが2億を超えました
• Googleは、最大10 Gb / sのデータ転送速度でインターネットネットワークを設計します
• シルクロードユーザーから盗まれた250万ドルのビットコイン
• 反対者：シアトルの住民がマイクロソフトのバスをブロックした
• Shazamはすでに5億の価値があり、さらに2000万ドルを調達しました

ブラウザ

• Firefox
  
  • Firefoxは共有アカウントを導入し、同期システムを更新します
  • Firefox 28-betaおよびFirefox 29-auroraのリリース。 Firefoxアカウントサービスが開始されました
  • Mozilla Firefoxは、新しいタブを開くときにサードパーティのサイトを表示します
  • Firefox for Windows 8 Touchベータ版がリリースされました
  • Firefox開発者ツールの新機能
  
  
• 更新されたYandex.Browserはアドオンのカタログを受け取りました
• JollaがSailfishブラウザーを発表
• FacebookはGoogle ChromeでDevToolsをブロックする実験をしています
• ChromeがJavaScriptバックグラウンドコンパイルサポートを導入
• IE11でエンタープライズモードを有効にする

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

• 音楽ウェブデザイン
• クールなポートフォリオサイト
• 3ダースのダークサイト
• お祝いdesign.org -100年のデザイン
• henrysaiz.com-高品質のコンテンツ、視差、背景ビデオを備えたスタイリッシュなサイト
• everywhere.is-非標準レイアウトと控えめなアニメーションを備えたサイト
• KévinLagier-水平方向のドラッグスクロールがある重いサイト
• melanie - f.com-スムーズなコンテンツの読み込みとアニメーションを備えた垂直サイト
• SpaceX Dragon-最初の民間宇宙船のドラゴンプロジェクトサイト
• rareview.com-シンプルだが少し標準的ではない動作をするデザイン会社のウェブサイト
• whyilovejason.com- 2月14日のジェイソンのギフトサイト
• http://www.soleilnoir.net/dreamon-スクロール効果とボリュームのあるフラットなグラフィックを備えた1ページのサイト
• worstprod.com-素敵なアニメーションとサイトへの非標準のエントランスゲームを備えたクールで簡潔なポートフォリオ
• 面白い404ページ

設計

• Designmodo：「これからのデザイナーのお尻を見るのはうんざりです」
• デジタルアーティストニキータピリュックシンとのインタビュー
• Adobe Photoshopでふわふわしたテキストを描く
• 1924年から2020年までの45のオリンピックロゴとシンボル
• デザイナー向けの優れたデザインのインスピレーションあふれる引用符
• 再設計を成功させる秘secret：TED Webサイトで行われたことは真実であり、Twitterで間違ったことは何ですか
• ユーザーインターフェイスライブラリ
• Iconfinder第5版のプレゼンテーション
• シンプルなバレンタイン -スタイリッシュな2月14日のご挨拶
• Random User Generator-ランダムな人の写真を生成できるPhotoshop CS6またはCCの無料の拡張機能
• Pixelwood-ピクセルグラフィックス付きのアニメーションGIFで有名な映画のシーン
• 形状/フォーム -黒と白のロゴコレクション
• 2014年のモバイルブックトレンド -無料のイラスト付き電子書籍
• バレンタインデーの色の歴史
• 音楽グループのウェブサイトのデザインを作成するためのヒントとテクニック
• Photoshopでモバイルアプリストアを設計する
• Tuts +アニメーションGIF
• Photoshopで魔法の写真操作を作成する方法：後処理
• Photoshopで降る雪のアニメーションを作成する
• 完全な調整レイヤーガイド-カラーバランスと選択的な色
• 非推奨のUXパターンと代替
• PhotoshopでのUnightdd Flight航空会社のフライト検索インターフェイスの再設計
• 11のミニマルなWebサイト
• アニメーションを使用して視聴者との感情的なつながりを作成する
• クリエイティブなスタートアップロゴ

無料のデザイナーCookieの選択

• Webデザイナー向けの最高の無料Photoshopプラグイン
• 抽象的なジオメトリを持つ5つの背景テクスチャ
• 5ピクセルの背景
• デザイナー向けの6ダース以上のテクスチャ
• 春のベクターグラフィックスを備えた40個以上のパック
• ベクトル多角形心包装
• さまざまなデバイスの画面にデザインを表示するための40個のモックアップ
• フラットアイコンが必要な10個のセット
• FF Chartwell-シンプルなチャートを作成するためのフォント
• Tesla-装飾的な様式化されたSans-Serifフォント
• 金曜日のフォント＃9：Triumph Tippaに固有

デモ

• イワンとミラクルユド：刺繍ゲーム。 ブリティッシュ・ハイアー・スクール・オブ・デザインの生徒たちは、「手作りのピクセルのスタイルでグラフィックスをキャンバスにプラットフォーマーを作りました
• マイクの音に反応するHTML5 弾むボール
• WebSID-昔ながらのシンセサイザー
• スーツケース内のデバイスを使用したテストラボ
• ローズ自動生成
• VAL-クロムバレンタインジェネレーター

おもしろい

• ヤフーブームの女王：最初の1年半の矛盾する結果
• フリークとオタク：ITの世界の主な問題
• スマートウォッチの歴史
• 最優秀科学的視覚化2013
• Steam Machine Review：Valveの完璧なゲームシステム
• 世界で最も珍しい5人の発明者
• ベラルーシで、World of Tanksの戦車をハイジャックした刑事事件を開きました
• アイアンマン：外骨格の現在と未来
• 6月に米軍はスーツ「アイアンマン」のプロトタイプのテストを開始します
• IIDFは「Runet Holdings Map」を作成しました
• Comic Con Russiaはモスクワで開催されます
• 「あなたはコンピューターの内部に住み、周囲はすべてそのインターフェースになります」
• ゆるい鳥の成功の秘密
• 嘔吐しないバレンタイン：不機嫌そうな猫、ヨーダマスター、ヒトラー、Googleの愛のジェネレーター
• インターネットトロルはサディズムと精神病になりやすい
• ビットコインの歴史-1つのインフォグラフィック
• 伝えるのではなく、アニメーションGIFで表示する
• 5バレンタインデーITオタクアプリ

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

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