先週のWeb開発とITの世界からの興味深い資料のダイジェストNo. 79（2013年10月13〜19日）

ウェブ開発

• 20分でHTML5ゲームを書く、またはPhaserフレームワークの紹介
• 総会プロジェクトは、CSS、JavaScript、HTMLをマスターしたい人のためのインタラクティブなコースを開始しました
• Google Maps API：ルート、アニメーション、スタイル
• yac2013からのレポートのビデオ録画が利用可能になりました（4ホールのフロントエンドセクション）
• ブラウザーでベクターを使用します： Grunticon 。 また、同様のトピックに関する別のメモ： すべてを網膜化する
• initial-scale = 1は、Safari iOSを向きの変更に応答させます
• HTML5とネイティブコードを組み合わせた2つの世界のベストを取ります
• レスポンシブデザインナレッジベース
• 新しいHTML5要素を適切に使用する方法： ダイアログとセクション
• HTML5モバイルゲームの画面サイズを管理する
• Web開発者向けのテキスト圧縮の詳細
• 新しい適応フレームワークの選択
• 可視コンテンツの優先度
• レスポンシブデザインによりコンバージョンを促進した14のブランド
• Git / Githubリソース
• Polymerは、Webの未来を約束するポリマーおよびWebコンポーネントのプロモーション専用サイトです。
• クリスマス2013のWeb開発者のウィッシュリスト
• mail.ruの開発者によるFile Uploaderの作成のストーリー
• ARIAの例 -アクセシビリティが改善されたWebフォームの例
• アクセシビリティに関するプレゼンテーション「これは何であり、何をするものですか？」
• プレゼンテーション「レスポンシブ画像：私たちはまだそこにいませんか？」
• プレゼンテーション「1000ミリ秒のモバイルバリアを破る」
• FullPaged：アニメーションUIで1ページのサイトを作成するためのjQueryプラグイン
• オペラエバンジェリストブルースローソンへのインタビュー

CSS

• フレームとボーダー
• キャラクターのアイコン
• MCSSのドキュメント、OOCSSおよびBEMの原則に基づく多層CSS組織システム
• CSSインタビューの質問とタスク
• Shape.LESS-数字付きのLESS用のミックスインのコレクション
• 200以上の純粋なCSSアイコン
• ダウンロードアイコンのCSSアイコンアニメーション
• Nicolas Gallagher CSS Application Architectureトークビデオ
• レイヤーCSSは、適応性、要素の正規化、グリッドを備えた別の静的フレームワークです。
• CSS 3D変換を使用した傾斜タブ
• テキストエリアの設計方法（Webkitの下）
• 単方向マージン割り当て
• レスポンシブWebフォームの例
• ボックスシャドウの視覚的なデモンストレーション
• Slideshowbob.css -CSSスライダー
• スイッチチェックボックス

Javascript

• フロントエンドのパフォーマンス フォントの最適化
• Node.js初心者ガイド
• Node.jsとWeb上の新しいフロントエンド
• Mozilla 、Mozilla Developer Tech BlogでTogetherJS コンテンツコラボレーションサービス、TogetherJS プレゼンテーションを開始
• AngularJSの初心者向けの便利なテクニック
• AJAXを含むWebサイトを作成するための6つの秘
• JavaScriptパフォーマンステスト
• カスタム要素-新世代のマークアップ
• simplePagination.js-ページにページネーションを追加するための小さなjQueryプラグイン
• jQueryの拡張：UIエフェクトフレームワーク
• オドメーター -番号付けのアニメーション
• slicknav-レスポンシブナビゲーション用の別のプラグイン
• ダウンロードの進行状況を視覚化するボタン
• フォーム検証のためのjQueryプラグインとライブラリの選択
• jQueryのシンプルテキストローテーター
• At.js -githubスタイルの自動プロンプト
• Formstone-増え続けるjQueryライブラリのコレクション
• JSON5 -ES5時代のJSON
• JSONPlaceholderは、テストとプロトタイプ作成のためのシンプルな偽オンラインREST APIです。 画像のプレースホルダーとして、Web開発者専用。
• ExpressJSを使用してMVCにサイトを作成する
• FullPaged：アニメーションUIで1ページのサイトを作成するためのjQueryプラグイン
• Yeomanジェネレーターは、reveal.jsスライドショーを作成します
• Grunt Tricks：パート1
• 人気のあるフレームワークに関する記事と本

ブラウザ

• Google Chrome 31ベータ
• ブラインドは、Internet Explorer 11を使用する方が簡単になります
• Google Chromeは2015年にOS Windows XPのサポートを終了します
• ブラウザが画像をリサイズする方法の詳細な分析
• Internet Explorer 11の新機能とAPI
• Internet Explorer 11：WebGLなど

Webツール

• Androidを実行しているスマートフォンまたはタブレットをサーバーに変える
• caniuse.comの新機能をプレビューする
• グラデーション背景メーカー - グラデーションを生成するためのオンラインツール
• Generatedata-あらゆる種類の擬似実データを生成するサービス
• 名刺メーカー -名刺ジェネレーター
• Raw-表形式のデータを使用してベクターグラフィックスを作成するためのツール
• Fontcombiner-フォントを作成および編集するためのサービス
• swagger -APIドキュメントにスタイルを追加します
• ゴーストはブロガーのための単なるプラットフォームです

ニュース

• MS Windows 8.1およびVisual Studio 2013はダウンロード可能です 。Windows8.1は市場を征服する準備ができています
• Yandexはオープンコカインプラットフォームを開始しました
• GithubとStackOverflowがLinkedInや他のITプロフェッショナルポータルをどのように倒すか
• マイクロソフト、iOSおよびAndroid用のリモートデスクトップアプリを発表
• ロシアの裁判所は、トレントのユーザーに初めて用語を与えました
• Mail.ru Groupが15周年を迎えました
• YandexはKinoPoisk 、 Forbes interiorを 買収し 、 YandexはKinopoiskに基づいて映画の選択と視聴のためのプラットフォームを立ち上げる
• スケジュールされたツイートをツイートできるようになりました
• 新しいGoogle利用規約は11月11日に発効します
• FacebookがイスラエルのモバイルスタートアップOnavoを買収し 、ロシアにオフィスを開設
• 米国では、電子メールで送金できるサービスを開始しました
• サムスンは防爆フレキシブルバッテリーを示しました

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

• 視差スクロールサイトの17の例
• 2013年のベスト10のグローバル航空会社
• アーバンウェブデザイン
• thisisnowexhibition.com-目立たない視差
• lunita.ca/-ダイナミクスの視差と興味深いソリューション
• waaac.co-視差設計の別の実装オプション
• そして、記事のレイアウトでクリエイティブになる方法を知っている
• ウェスアンダーソンコレクション -クリエイティブなアニメーションイラストのホームページ
• pakadlabezdomniaka.pl-珍しい双方向ナビゲーション
• thepapers.fi-バックグラウンドビデオとページネーションページネーションを備えた1ページのWebサイト
• kurkawolna.pl-鶏を使用した非常に非標準的なサイト
• fillet.com.br-カスタムナビゲーションを実装する別のアプローチ
• グラチュラー！
• Built In The South-バックグラウンドビデオとプルアウトメニュー
• open.bekk.no-年ごとのカスタムナビゲーション、統計情報の表示
• fontwalk.de-多数のスクロール効果
• Built In The South-背景のビデオと移動メニュー

設計

• 魅力的なデザインの5つの原則
• 最適なWeb​​デザインの例
• Adobe Photoshopで雨を描く
• Adobe Illustratorでテディベアを描く
• レスポンシブナビゲーションの一般的なWebデザインの傾向
• UXが100％UIではない理由
• UICloud -UI要素の検索エンジン
• フラットなデザインとUIおよびWebフォーム。
• thereisnopagefold.com-すべてのユーザーに表示される「セーフゾーン」のないウェブの世界へようこそ
• Name That Blue-ブランドの青の色合いの違いを覚えるゲーム
• 感動的なタイポグラフィの印象的な例
• 知らないかもしれない5つの高度なモバイルWebデザインテクニック
• アニメーションのアイデアを共有する
• 30個の創造的な黒と白のロゴ
• イラストレーターテレーズラーソンへのインタビュー
• 完全なPhotoshop調整レイヤーガイド-グラデーションマップ
• 感動的なイラストが掲載されたAbout Usページ
• ウェブデザインのトレンド：大きな見出し
• 成功した企業ロゴの再設計
• 初心者向けのPhotoshopチュートリアル
• タイプライタータイプのフォント

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

• 15の無料ロゴソース
• 無料のモックアップファイルの選択
• 11のサイズとsvgで、すべての国の地図の無料コレクション
• 66の新しい高品質フリーフォント
• サブスクリプションは、Photoshopの一連のアクションを提供し、さまざまなタイプのカバーとパッケージを作成します
• Flatic UserInterface Kit
• ソーシャルアイコン付きの40個セット
• フラットアイコンキット（PSDおよびPNG）
• Photoshopのブラシコレクション
• モダンなデザインのブランディングおよびアイデンティティテンプレートセット
• フラットおよび従来のデザインのUIコンポーネントのセット
• iOS 7代替カラーキット 、 ios7スタイルのUIキット
• 開発したインターフェイスを美しくデモンストレーションできる20のPSDレイアウト
• 諸聖人の日ベクターパック
• ハロウィーン： 諸聖人の日専用の7種類のフォント 、 諸聖人の日 専用のチラシの多数のテンプレート、諸聖人の日 専用のアイコン
• 長い影で設定された諸聖人の日のアイコン
• 崇拝 -写実的なアイコンのセット
• フォント： Plethora 1984-装飾的なヘッダーフォント、 Rose-装飾的な女性フォント、 Lousiane-ビンテージの装飾フォント、 Anson-サンセリフフォント

Webツール

• JavaScript x86エミュレーター
• CSS3ニャー
• SVGを使用してチェックボックスとラジオバトンをアニメーション化します
• CSSトランジションを使用したMacのマウスの進化の歴史
• JavaScript x86エミュレーター
• ズームキルト
• ジェネレーターredux
• JQueryおよびHTML5 Interactive Book
• TouchType-印刷スキルを開発するためのゲーム

おもしろい

• シルクロード： マトリックスがNeoを逮捕すると、シルクロードの物語が大画面に登場します
• こんにちは、Future： 世界で最初に作成されたバイオニックマン 、 Amaze：航空宇宙産業向けの金属部品の3Dプリントのためのヨーロッパプロジェクト
• Artemy Lebedev Studioはキーボード「Optimus Popularis」の販売を開始しました
• 誰が私を置き換え、誰が攻撃を開始しますか？
• ESAは5年間で3D金属印刷技術にブレークスルーをもたらすつもりです
• ハードで行う：プロセッサを選択する
• Googleはどのように機能しますか？
• アマゾン採用：第一印象
• Appleが建てる家
• Wiredによると、ロシアの最高のスタートアップ
• バーチャルリアリティ：恐怖のヘルメットに向けて
• 2013年ノーベル賞受賞者 および ノーベル 経済学者の最も珍しい10の理論
• NFCタグとは何ですか？
• 米国のITワーカーは同情し、WPスマートフォンの所有者をからかいます
• New York Comic Con 2013の写真でのちょっと新鮮なコスプレと ビデオのDRAGON CON 2013だけでなく、小さなゾンビ
• セキュリティのために指紋を使用すべきではない理由

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

先週のダイジェスト 。
ダースモールとアレクスコロビンが作成した資料