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

ウェブ開発

• メディアクエリを使用するためのヒント
• WebGL初心者向けガイド第1章：WebGLの使用開始
• 便利なTwitter Bootstrap 3のセレクション
• レスポンシブデザインとIE8
• パーソナルSkypeの作成、WebRTCアプリケーションを作成するための段階的な手順
• HTML Academy、Habr、クラウドファンディング
• 新しいPhpStorm 7：言語を超えて 、さらに新しいPhpStorm 7機能のビデオレビュー
• 最近のクライアント開発会議の概要： Fronteers 2013とWeb Standards Days
• Web Audio API-ブラウザーでサウンドを生成、処理、およびサラウンドするための新しい可能性。
• HtmlElementおよびWebDriverを使用したブロックのテストに関するArtyom Koshelevのレポート
• Fontello：過去および未来のアイコンフォントサービス
• 実装とエフェクトの2つの部分のレイアウトに分割
• BEM構文に関するsimurai
• デバッグプロトコルクライアントのサンプル
• WordPressテーマでのRetinaディスプレイのサポート
• WebSocketを使用して3D MMOを作成する
• アニメーションGIFによる不要なレンダリングを防止する
• WPブログを高速化するための7つのヒント
• Web Audio APIブラウザーのサポート
• プレイリストでHTML5オーディオプレーヤーを作成する
• ユーザーがフィールドに入力したときにプレースホルダーテキストを移動する概念
• Addy Osmaniによるフロントエンドワークフローの自動化のプレゼンテーション
• Event-Focused JS and CSS（EFJAC）の概要
• Web開発者からのクリエイティブな履歴書 ： CSScv 、 インタラクティブな履歴書

CSS

• 完璧なcssフレームワーク。 Maxmertkitウィジェットマネージャー-独自のフレームワークを構築する
• AutoclassCSS-高速HTMLフレームワーク
• 開発者を減らすためのいくつかのヒント
• 最終的に使用できる12のクールなCSS3機能
• OS X（Webkit）でスクロールバーを表示およびスタイル設定する方法
• Objects in Space -SMACSSとBEMの原理を使用したモジュラーSASSの作成ガイド
• CSSシェイプを使用して、ストーリーの視覚的魅力を高めます（デモ「不思議の国のアリス」）
• より良いCSSテクニックを試す
• 貨物CSSカルト
• クラス名のアイデア
• CSSの特異性
• SassBites-15分のSassビデオ
• CSS Scrolling Snap Points Specificationを介した新しい相互運用可能なパンエクスペリエンスの有効化
• Navicon Transformicons：CSSトランスフォームを使用したナビゲーションアイコンのアニメーション化
• サムネイルグリッドのアニメーション
• 立体CSS
• カスタムCSS：Adobeによる境界線の拡張
• CSSトリック：Windows 8メトロタイル
• CSSでiOS 7のアイコンを作成する方法 、 iOS7アイコン
• プレゼンテーション スパゲッティコード！ フィオナ・チャン
• ストレッチマーク付きのカラフルなカラーパレット

Javascript

• JavascriptコンソールAPI
• 突然変異オブザーバーに会う
• Snap.svg -Dmitry BaranovskyによるAdobe Webplatformオーサーシップの新しいライブラリ、およびレビュー記事
• JSComplexity.org -JavaScriptの複雑さの分析（サポートの容易さなど）
• JavaScriptにはUnicodeに関する問題があります
• 厳選されたjQueryプラグイン-David Higginsによるプラグインの構造化されたコレクション
• Jarallax.jsを使用して視差スクロールページを作成する
• JavaScriptが有効になっていないユーザーの数
• うめき台
• IndexedDBの操作-パート2 （ パート1 ）
• こんばんは。 私はトレバーirです。 -強力なWebコンテンツエディター
• dolly.js -Excelスタイルでテーブルを複製するためのjQuery UIのウィジェット
• Rimg-メディアクエリをサポートするブラウザ用のレスポンシブ画像のソリューション
• Mobify.jsを使用して画像の応答性を自動化する
• フレームプレーヤー -ビデオファイルなしのビデオプレーヤー、JSONのみ
• Socialite -socialitejs-ソーシャルボタンの非同期動的読み込み用ライブラリ
• oboe.jsは、http応答全体を受信する前にオブジェクトを使用できるJSONパーサーです
• Device.js-プラットフォーム、OS、デバイスの向きを決定する
• alpacajs -jQueryのシンプルなフォーム
• Offline.js-アプリケーションはオフラインになります
• プレゼンテーションタッチタッチ-タッチイベントとポインターイベントの概要
• 一度だけ起動するイベントをJavaScriptで作成する方法

ブラウザ

• オペラのエピローグ
• AuraはGoogle Chrome 32に表示される場合があります
• Google Chromeの制御されたプロファイル（ベータ）
• Google Chrome 32のサウンド、ウェブカメラ、スクリーンキャプチャインジケーター
• Mozilla開発者は、Firefoxのリリース間隔を6週間から9週間に延長する予定です
• FirefoxはデフォルトのJavaプラグインによってブロックされています

Webツール

• コンテンツスニペット -コピーライター向けのスニペット
• speedof.me -HTML5インターネット速度テスト
• placebeard.it-ひげ画像ジェネレーター

ニュース

• アップル：
  
  • iPad Air（5）、iPad Mini Retina、OS X、iLife、iWorks
  • 10月22日：新しいiPadなど！
  • MacBookマスターノート：OS X Mavericksの概要。
  • OS X Mavericksの初日は、Appleコンピューターの5.5％にインストールされました
  
  
• ヤンデックス：
  
  • Yandexがアプリケーション向けのMetricaを開始
  • Yandex.Browserの新しいバージョン：形態とジェスチャーのサポートを考慮してページを検索します
  • 画像検索の未来は今です。 Yandexは一連の画像を認識して結合することを学びました
  • Yandexのオリジナルテキストの保護がすべてのユーザーに利用可能になりました
  
  
• Google：
  
  • 2013年に最も有用なGoogleアナリティクスアップデート
  • GoogleがインタラクティブなDDoS攻撃マップと盗難防止サービスを開始
  • GmailとGoogleドキュメントには手書き認識が含まれます
  
  
• 他の人のお金を数える：
  
  • 2013年第3四半期のYandexの純利益は50億ルーブルに達しました。
  • 2013年第3四半期のMail.ruグループの総収益は、コンテキスト広告により増加しました
  • マイクロソフトの四半期利益は185億ドルでした
  • サムスン電子、第3四半期の利益を記録
  
  
• Ubuntuの誕生日
• 新しいNokia Worldに加えて、さらに2つのレビュー-1 つ 、 2つ
• サンフランシスコで開催されたGMICカンファレンスでのPavel Durovによるスピーチ -シリコンバレーでのVKとTelegramの創設者による最初の公開スピーチ
• WordPress 3.7「Basie」リリース
• FSBはインターネットユーザーデータへのフルアクセスを望んでいます
• Courseraにロシア語コースが登場
• BingはWindows 8.1用の検索アプリケーションを導入しました
• 成人アメリカ人の3分の1がタブレットを持っています
• LG Fireweb-LG初のFirefox OSスマートフォン
• 10代の若者の間でTwitterの人気がFacebookを上回る

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

• 未来へようこそ！
• bjoernmeier.com-ナビゲーションの利便性が向上した簡潔なポートフォリオ
• andremaurice.it -CSSアニメーションを使用した素敵な効果
• ウォーキング・デッド-ゾンビ化。 私たちは皆感染しています。 言葉を広める。
• 実際のサイトでWebGLを使用する素晴らしい例
• 暗いスタイルの近代的なサイトのコレクション
• クリエイティブエージェンシーサイトの設計
• 2つのサイドバーを持つデザインを使用するクリエイティブサイトの例
• モダンで明確かつ簡潔なデザインの新鮮なサイト
• 美しい単色のサイトの例

設計

• 暗いパターン：チートするように設計されたインターフェース
• Webデザインのプロトタイピングに最適なツール
• インターフェイスアニメーション
• デザイナーインタビュー： アレックス・ベンダー 、 アレクサンダー・ラグータ 、 マーク・オブライエン
• Adobe Illustratorとチューリップ で長い影を作成する3つの方法
• 「ベビーWebデザイン」の20の例
• 2013年のWebグラフィックトレンド
• UIデザインの思慮深いアニメーショントランジション
• 子供時代へのダイビング-漫画スタイルのウェブデザイン
• グラフィックデザイナーのための5つのソーシャルネットワーク
• ランディングページを成功させるための重要な要素。
• 完全なPhotoshop調整レイヤーガイド-レベル
• Photoshopで破損した写真を復元する方法
• プロのようにフラットなデザインのPSDでWordPressテーマを作成する方法
• 現代のアイデンティティの例
• 信じられないほど創造的な食品広告の例
• iOS 7フラットアイコンの再設計
• Webデザインでイラストを使用する心に強く訴える例。
• クリエイティブページのデザイン例「会社について」
• ウェブサイトのポートフォリオ設計の印象的な例

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

• 印刷デザインを作成するための20個のPSDテンプレート
• 承認フォーム付きの20個のPSDテンプレート
• スケッチ用のフラットUIキット
• 次のWebアプリ設計のためのUI要素キット
• 新しいiOS7およびiOS 7 UI（PSD）の ストリーマーとUIカラーを使用した PSD
• 諸聖人の日に捧げられた超自然的なチラシのパターン
• 丸いアイコンのPSD
• ロゴブランクのPSD
• Photoshopブラシ： 抽象 、 レトロ、ビンテージ 、 微妙なグランジスタイル 、 わずか20個の無料セット
• フォント： AC Brodie-レトロサンセリフフォント、 Dyspepsia-縦書きレトロフォント、 SaloméRegular-装飾セリフフォント、 Sifonn-装飾サンセリフフォント
• Jenna SueからSorbetLTDまでの3半半の手書きフォント 、 およびシンプルでクリアなフォント
• デザイナー向けの106の無料のフラットUI要素

デモ

• クールなCSSアニメーションステンシル効果
• JSMESSエミュレーターを使用すると、ブラウザーでクラシックビデオゲームを実行できます。
• メタボールスープ
• Appleコンピューターのマウス設計履歴
• Seene -3Dであなたの人生を共有 （iOSアプリ）
• digitalattackmap.com -DDOS攻撃の視覚化
• 円形アニメーション

おもしろい

• Unity3DとOculus Riftの再生不可能な使用
• チェコ共和国の男がWordでiOS7の設計を繰り返しました
• エラーストーリー：年間500,000ドルの売り上げでビジネスを構築し、失った方法
• 画面上のハッカー-2
• パテントトローリングクイックガイド
• LIF＃12：スティーブンホーキング
• Optimization.ua 2013： すでに今日到来している未来と 商品の誠実なプロモーション、ネガティブで勝利のモバイルとの戦い
• 企業同士やユーザーをだます方法
• モバイルに切り替えるときの7つの会社の間違い
• パベル・デュロフ：「ザッカーバーグはVKontakteを過小評価している」
• 副議長は過激主義のためにパベル・デュロフを誘致するよう要求した
• ユリミルナー：「何十億人もの人々が効率を改善するスキルを持っていません」
• マイクロソフトの副社長がAppleに公然と衝突
• NASAは月との高速接続を作成しました
• Leap Motionのテスト-コンピューター制御用の非接触センサー
• betteremailbraulio.com - 90年代スタイルのオンライン広告
• Video of the Year-YouTube Music Awards

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

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