Web開発およびITの世界からの興味深い資料のダイジェスト。先週のNo. 72（2013年8月24〜31日）

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

ウェブ開発

• GIFにするかしないか？
• 404fest 2012以降の最も人気のある動画レポート10件
• #yasubbotnikの支援を受けて7月5日に開催された最初の#fronttalks会議のビデオレポートが公開されています。
• スクリーンアクセスプログラムによるブロックHTMLコードの解析の機能
• ブートストラップ2からブートストラップ3への移行
• 電子版とウェブ
• MozillaがBrickを発表 -拡張可能なWebコンポーネントライブラリ 、 Mozilla Brick-ActiveXのオンラインアナログ
• Super Markup ManはHTML5を教えるゲームです
• HTML5アニメーションの作成
• HTML5画像要素
• HTML5進捗要素
• カスタム要素 -HTMLで新しい要素を作成
• HTML5ゲーム開発の10のヒント
• デビッド・ウォルシュへのインタビュー
• Bootstrap 3のEコマーステーマ
• Chromeで開発するためのパネルホットキー
• Chromeデベロッパーツールのテーマ
• レスポンシブWebサイトの設計を高速化する方法
• Gruntを使用してsrcsetのレスポンシブイメージを生成する
• Web開発者向けのベストクラウドホスティングおよびCDNサービス

CSS

• CSSスプライトと データURI ：モバイルで高速に動作するものは何ですか？
• パフォーマンスを向上させるには、アニメーションフレームをリクエストします。
• 影付きのインタラクティブな3Dブロック
• 純粋なCSSでスライドアップ/ダウン
• 機能的なCSS（FCSS）
• CSS Spite Animation
• テキストフィールドのアクティブ状態とその署名の興味深い実装
• マルチカラーのプリローダー
• Webフォントテクニック-メソッド、長所/短所、すべて
• HTML Alchemy-CSSシェイプとCSSリージョンを組み合わせる
• リストとフロート要素の間にインデントを追加する
• CSSによるpx値から自動値へのアニメーション化された遷移 （すべてのブラウザーで機能しない）
• CSS3の複数の背景とアニメーションの背景付きデモをご覧ください
• CodeDropsによるサイドバートランジション 、オフキャンバステクニックを使用したさまざまなメニュー終了効果
• Deep CSS Secretsレポートに基づくLea Verouの CSS Secrets

Javascript

• ブラウザデータベースのローカルストレージを使用してJavascriptで「マインドマップ」を作成する
• JavaScriptのベストプラクティス
• ECMAScript国際化API
• インタラクティブマップを作成するための25のJSライブラリとツール
• AdminJS -Ember.jsのバックエンド用Webアプリケーション
• Parallax.js-モバイルデバイスをサポートする視差効果を作成するスクリプト
• multifilter-複数のフィールドでフィルタリングされた表形式のデータを表示するためのプラグイン
• tentionjs-サイト表示の条件に応じた動的なHTML再構築のためのプラグイン
• AngularJSチュートリアル -最新のWebアプリケーションの作成
• _select（） -DOM要素内のクリックして選択するテキスト
• _jspdf -PDFを生成するためのHTML5クライアント側ソリューション
• WheelQuery.jsは jQueryを使用して循環ナビゲーションを作成します
• 新しいGoogle Playのスタイルでマルチレベルナビゲーションを作成する
• ため息、JavaScript-最新のWebでJSが無効になった場合の動作

ブラウザ

• ブラウザーとその頻度
• MozillaがPlug-n-Hackプロトコルを導入
• Firefoxアドオンマネージャーでの検索では、完全にテストされたアドオンのみが表示されます
• Firefoxブラウザーに標準オプションとして埋め込むTor提供
• ファイナルオペラ16
• Opera：ブックマークは私たちの優先事項ではありません
• GoogleはIE用のプラグインをリリースしました。このプラグインは、WebM形式のビデオのブラウザサポートを提供します
• クロムダイジェストNo. 11

Webツール

• GistBox-コードスニペットを保存するためのサービス
• justdelete.me-多くのサービスでアカウントを削除します
• さまざまなLorem Ipsumテキストを受信するための101のサービス
• keycodes.atjayjo.com-非常に視覚的な形式のキーコード
• .psdフォント-PSDで使用されるフォントを決定するサービス

ニュース

• マイクロソフトはWindows 8.1での作業の完了を発表しましたが、すでにネットワークに流出しており、ここでビデオを見ることができます
• マイクロソフトの未来に関する最新ニュース
• Skypeは10歳です 、 Skypeは3Dでビデオ通話を開始しようとしています
• Amazonは独自のワイヤレスネットワークを構築する予定です
• サムスンは9月4日にギャラクシーノートIIIとスマートウォッチを導入することを確認しました
• 噂：HTCは独自のモバイルOSに取り組んでいます
• 中国は歴史上最も強力なDDOS攻撃を受けました
• コネクテッドドライビング-Nokia Navigation Service
• ヤフー： ヤフーは 、Flickrを改善するために画像検索のスタートアップ IQエンジンを購入 し、サービスの新しいデザインを紹介します
• Webサービス：
  
  • Googleはロシアのユーザー向けにMapsを真剣に更新し 、YandexはウクライナのYandex.Mapsのメガリリースを導入しました。
  • Baidu Total Viewサービスを使用すると、中国の都市の通りを歩くことができます
  • Mail.ruはDropboxと競合し、100 GBを無料で提供しますが、クローズドベータプレーヤーのみが対象です。
  • TwitterがTrendrr分析サービスを買収
  • MicrosoftはSkyDriveの写真に光学式テキスト認識を追加しました
  • SkyDriveは25 GBの無料制限を返します
  • Tencentが10 TBの無料クラウドストレージを開始
  • Facebookは世界情報機関との協力の統計を明らかにした
  
  

デモ

• shadertoy.com -WebGLデモ（弱いコンピューターでは実行しない方が良い）
• WebGL、CSS3 3D、およびHTMLを混在させる
• カードのレイアウト
• CSSアニメーションを使用したかわいいローダー

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

• reunitetheriver.comは、素敵なアニメーションと表現力豊かな漫画デザインを備えた1ページのソーシャルプロジェクトサイトです。
• neotokio.it-カスタムスクリーンセーバーとナビゲーションを備えた素敵なポートフォリオ
• pixeltadium.com-インタラクティブな視差効果を備えたウェブサイト
• junduffy.co.nz-店舗向けの非標準のサイトレイアウトとデザイン
• lordandtaylorfirstlook.comは、興味深い視差効果を備えた別の非標準ストアサイトです
• rosendaluppsala.se-アニメーション、ドラッグナビゲーション、禁欲的なデザインのフルスクリーンサイト
• abbyputinski.com-インタラクティブな地図と多くのアニメーション要素を備えたグラフィックサイト
• http://beoplay.com/Products/BeoplayH3-視差効果と詳細な効果を持つ壮大な1ページのプロモーションサイト
• reunitetheriver.com-キャンバス上の有益な1ページのWebサイト
• kennedyandcastro.com-スタイリッシュな水平サイト
• summer.tcm.com-カスタムナビゲーションを備えた映画ナビゲーションサイト
• canva.com-興味深い要素を備えたサイト-背景ビデオから視差まで

設計

• オンラインストアのデザインの色が販売に与える影響
• ダークサイドウェブデザイン
• インスピレーションを得るための黄色のサイト
• PhotoshopおよびIllustrator CS6のキーボードショートカット
• Photoshopでのビデオの操作-アニメーションテキストの作成
• Photoshopで写真のクリエイティブエフェクトを作成するためのチュートリアル
• 心に強く訴えるタイポグラフィの例
• バーやパブのロゴ
• 飛行機搭乗券の再設計のアイデア
• PhotoshopのPhotoshopカラー透明度テクニック
• 50以上のWebデザインレッスン
• 最高の結婚式の招待状
• 珍しいデザインの名刺
• 優れたUIデザインの特徴的な機能
• 良いデザインは美しい絵だけではありません

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

• Photoshop アクションキット、 スポット付き Photoshop ブラシ
• basiliq-モバイルまたはWebアプリケーションのインターフェースのプロトタイプを作成するためのPhotoshop用の一連のベクターフォーム
• 新鮮なPSDテンプレート、アイコン、UIセット
• 出典：フラットなデザインのUIキット 、 SmoothBerry-フラットなデザインのUIキット、オンラインストアのコンポーネント、インフォグラフィックを作成するためのテンプレート、サイトのメインページのテンプレート
• アイコン： 無料アイコン 、サブスクリプション用のロマンチックなアイコンの セット 、フラットなものを含むアイコンセット 、ソーシャルネットワーク、クレジットカード、 丸いアイコンのセット 、洗濯条件アイコン 、長い影のあるソーシャルアイコン 、フラットなデザインのアイコンセット
• フォント：LighthouseからCF Spaceshipまでのほとんどの装飾フォント 、PacificoからEngagementまでの最高のフォント、 Caligraphy UnicaseからCalligraphy UnicaseからIllinois Shakespeare Festivalまで、バロンからヌガティンまでの2半半の装飾品質フォント、 面白い装飾的なセリフフォント夜間セリフ

おもしろい

• Google Glass： 来年、Googleはおそらく人気のあるBest Buyストアのネットワークを通じてGoogle Glassを販売します
• Ballmer： AllThingsD：MicrosoftからのSteve Ballmerの辞任は、取締役会からの圧力の下で加速されました 。
  バルマーが技術の衰退と流れを逃したように 、
  マイクロソフトを殺したウイルス
  スティーブバルマーを守る
  
• DARPAは、ユニバーサルソルジャープログラムの開発に新しいステージを開きました。
• 人間の脳のミニチュアモデルは実験室で成長します
• ハイテクの6つの最も恥ずべき陰謀
• Megauploadの閉鎖により、興行収入の減少映画
• 金とクリームのiPhoneビデオ
• 世界を変えたい20のスタートアップ
• Steve Jobs Memories -Miniature First Mac（3倍に削減）
• RIPニール・アームストロングを記念して-月の最初の人が1年前に亡くなった
• 面白い世界地図
• 私の新しいMac Pro
• フリークアウト

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