Web開発とITの世界からの興味深い資料のダイジェスト。先週71号（2013年8月18〜24日）

ニュース、興味深い資料、有用なリソースへのリンクを含む次のセレクションに注目してください。

ウェブ開発

• レスポンシブメール
• 属性rel = "author"に関するよくある質問
• srcset：imgタグのsrcset WebKit属性のガイドと、srcsetの実装が適している理由
• 出力要素
• Bootstrap 3.0-新しいデザイン、モバイルファースト、IE7およびFirefox 3.6のサポートの失敗 、我々 はHabréで議論します
• 古いブラウザーのラスターフォールバック （SVGおよびイメージタグ）を備えたベクターイメージ、フォールバックを備えた追加のSVGオプション
• Webパフォーマンスの最適化に関するIlya Grigorikのビデオ
• Facebookの投稿を全員のページに埋め込むことができるようになりました。
• サイトページでのタッチイベントの定義と制御
• WebP -Googleの画像圧縮技術
• ins、del、およびsタグの比較と照合
• Firebug 1.12の最新バージョンの新機能
• どのブラウザでも動作する（実際には動作しない） Web Audio API用のコードを作成しています
• 3レベルのアダプティブメニューを作成する
• カスタムWordPress天気ウィジェットを作成する方法
• Clank-携帯電話/タブレット向けのネイティブアプリケーションのプロトタイピングのためのHTML / CSSフレームワーク
• ブリック -最新のWebアプリケーションのUIコンポーネント
• pineapple.io -Web開発者向けのレッスン、ツール、キットを備えた大きなハブ
• 爆発するHTML / CSS / JSブロック
• 「Webのモバイル化」-Web開発者のラウンドテーブル（ビデオ）

CSS

• ロシア文字のリスト
• CSS3 Pearl-calc（）関数
• 非標準フォントの接続。 パート1
• cssexclusive-コードとサンプルを使用した便利なCSSアニメーション手法
• Tridiv -HTMLおよびCSS 3Dを使用して3次元オブジェクトを作成するためのサービス Tridivを使用して作成された宇宙船のアニメーション
• スマートセレクターを使用したセマンティックCSS
• レムユニットについて
• 純粋なCSS3の高品質カメラアイコン
• CSS3と遷移の擬似クラスを使用して、インタラクティブなリンクとボタンを作成する
• CSS3アニメーションターンテーブル
• extractCSS -htmlからのクラス、識別子、インラインスタイルの再作成
• スクロールバーの速度に応じた物理的な湾曲の効果を示すデモ
• スタイラスのCSSスタイリング
• フッターを画面の下部に釘付けにするもう1つの方法は、z-indexを使用して固定することです。

Javascript

• ng-boilerplate -AngularJSのボイラープレート
• 音声ルーター -音声認識にChrome APIを使用してルーターを作成します
• 画像サイズ変更用のNode.jsモジュール
• botdylan -JavaScriptを使用したGitHub上のプロセスとの作業の自動化
• ungit-任意のプラットフォームでgitを操作するためのUI
• offreg-立体効果を追加するjQueryプラグイン
• NProgress.js -YouTubeおよびMediumの進行状況バー
• FlowType.JS - FlowType.JSを使用した適切なアダプティブタイポグラフィ
• texteffects-楽しいjQueryテキストアニメーション
• Google Cloud Storage-サンプルJavaScriptアプリケーションの使用を開始する
• NoFlo -JavaScriptのビジュアルコントロールフロー
• Google Analyticsタイムラインアニメーションヒートマップ
• レッスンでのjQueryの使用について

ブラウザ

• 発行された最も信頼性の低いブラウザの評価
• Webブラウザの安定性テストの結果
• Chrome 29 Webブラウザーリリース
• 12月10日リリースのWindows 8用のモダンスタイルFirefox
• Sauce Labs：IEは長年にわたって悪化してきましたが、状況は変わりました
• Firefoxでのメディア形式のサポート

ニュース

• Steve BallmerはマイクロソフトのCEOを 辞任 し 、 株主はBallmerの声明を歓迎し 、 MicrosoftのCEOは辞任しました。 楽観的な記事
• ヤフーは米国で発生した人的トラフィ​​ックでグーグルを追い抜き 、中国でのメールサービスを停止します
• ZuckerbergとパートナーがInternet.orgを立ち上げ 、人々に安価なインターネットを提供
• Googleは2分減少しました-世界のトラフィック量は40％減少しました
• Webサービス：
  
  • GoogleマップとWazeサービスの統合が開始されました
  • つる聴衆は2ヶ月で3倍になりました
  • 世界最大の動物園がGoogleストリートビュー （ ページ自体）に 登場しました
  • Googleが専門家のビデオ通話を開始
  • YouTubeはすべての広告を無効にできるようになりました
  
  
• スマートフォン：
  
  • Nokia Lumia 520は最も人気のあるWindows Phoneスマートフォンになりました
  • インテルは2014年にタブレットとスマートフォン向けの新しいプラットフォームの発売を準備しています
  • Ubuntu Edgeの募金キャンペーンが終了
  • LGは世界初の2560 x 1440 LCDスマートフォンディスプレイを発表しました
  • 新しいiPhoneはゴールドになります
  
  

Webツール

• Pingendo -Twitterブートストラップを使用してレスポンシブページをプロトタイピングするためのアプリ
• ランダムユーザージェネレーター -ランダムに作成されたユーザーデータ（写真を含む）を生成できるサービス
• html2pdf.it-素晴らしいhtmlからpdfへのコンバーター

デモ

• 印象的なWebGLの例
• babylon.jsを使用して作成されたWebGLデモ
• クラシック音楽の視覚化
• babbit-ニンジンを食べて農夫を打ち負かそう！

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

• クリエイティブなHTML5サイト
• New York Times：THE BLOOMBERG YEARS：RESHAPING NEW YORK特別プロジェクトのスクロール効果、背景ビデオ、洗練されたデザイン
• ビデオを背景として、または主要な設計コンポーネントの1つとして使用するクールなサイト
• niquewoodhouse.com/folio/-洗練されたナビゲーションを備えたラコニックポートフォリオ
• www.pixelis.fr/en-壮大な水平スクロールスライド
• dziwoki.me-スクロールアニメーションへの楽しいアプローチを備えた技術的に高度なプレゼンテーション（html5キャンバスなど）
• madebyjoyce.comは、最新のアニメーション効果を備えた素敵な1ページのWebサイトです。
• abbyputinski.com-インタラクティブマップサイト

設計

• Bingは街の最高の写真を求めてユーザー間でコンテストを開催しています
• 文字を理解する
• 最も美しいデザインを台無しにするテキスト
• ウェブデザイナーへの贈り物としての本の選択
• iOSデザインに関するチートシート（iOS7）
• aboard.io-さまざまなRSSフィードから集約された新しいグラフィックを含むフィード
• typehunting.com-タイポグラフィを使用した写真のコレクション
• 123rf.com-ロイヤルティフリーフォトライブラリ
• Webデザインで写真を使用する方法
• 35最新のPhotoshopテキスト効果チュートリアル
• ウェブサイトにビンテージまたはレトロなスタイルを与える方法
• ロゴ：ボックス専用の機知に富んだロゴ、法律事務所のロゴ 、ピアノの画像付き

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

• テクスチャ： 色紙
• ベクトル： 2ダースのストライプのソース
• 出典： Modern Touch UI Kit
• アイコン： テーマのアイコンのパッケージ化 ：ポートフォリオ、サッカー、統計、音楽、ソーシャルネットワークアイコンの セット 、長い影付きの支払いシステムアイコン 、 長い影付きのアイコンセット 、またはフラットなデザイン
• フォント： マップアイコン-Googleマップのアイコン付きアイコンフォント、 ブラクストン -装飾イタリックフォント

おもしろい

• マストダイキの誕生日
• Googleサービスの5分間の低下により、グローバルトラフィックが40％減少しました
• クエリの頻度がGoogle SERPに与える影響
• エドワード・スノーデンの物語を止めるために、英国政府はガーディアンのオフィスでHDD​​を破壊しました
• Googleの死者数 ：「プロジェクトの20％」がもはや会社を助けない理由
• Googleとアラブの春 ：ハイテク企業はどのように革命の進路を変えたか
• 男に魚をあげてください 。 プログラミングを学ぶように彼を招待し、彼は...
• Facebookは誰もが壁に何かを投稿できるようにするエクスプロイトのためにパレスチナのハッカーに500ドルをクランプしました
• 方法：BlackBerryの崩壊
• NSA監視により人々はオンライン行動を変える
• Microsoftの新しい広告：Windows 8はiPadよりも学習に優れています
• synthcats.com-猫とシンセサイザーの写真
• スティーブジョブズのおかしなビデオの瞬間
• 怒った猫はオーストラリアのテレビチャンネルに独占インタビューをしました
• NASAがワープエンジンのコンセプトについて説明し、ラボでのAlcubierreバブルの準備を整えます

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