過去数週間のWeb開発とITの世界からの興味深い資料のダイジェストNo. 117（2014年7月10〜27日）

私たちは休暇から戻ってきました。新しい力で、役立つリソース、興味深い資料、ITニュースへのリンクを含むセレクションを提供します

ウェブ開発

• Doctype HTML5はRunetで最も人気があります
• HTMLインポートとは何ですか？
• Chris CoyierからのSVGに関するすべての必要な情報の編集
• 小規模プロジェクトのBEM方法論のスケーリング
• SVGの座標系と変換の理解（パート1）-ビューポート、ビューボックス、およびpreserveAspectRatio
• レスポンシブWebから適応型へ
• レスポンシブ画像：導入事例に値するケーススタディと解説スニペット
• デバイスの優先順位付け：レスポンシブデザインテスト
• ユーザーを失う可能性があります。 RWDが唯一のモバイル戦略である場合
• プロジェクト管理にGithubを使用する
• Hgとgitの比較
• ウェブカメラからアニメーションGIFまで
• DomFlagsはChromeの拡張機能であり、便利なツリーナビゲーションのためにDOM要素にショートカットを追加できます
• 興味深いハーバード大学法の再設計の記事
• RedisでNode.jsとWebSocketをスケーリングする
• MozillaによるHTML5ゲーム開発者向けのリソース
• Onsen UI-モバイルアプリケーションを作成するための高性能HTML5 UIフレームワーク-PhoneGap Answer
• AngularJSとSocket.IOで構築された応答性の高い単一ページアプリケーション ：ライブラリの作成
• Visual Studio 2013を使用してWindows PhoneでHTML5アプリとWebサイトをデバッグおよびプロファイルする方法
• モバイルデバイスがない場合の開発方法
• モバイルデバイス用のWebバグの絶えず増加する選択
• BOOTSTRA.386-適切なデザインのBootstrapのテーマ

CSS

• CSScomb 3.0：1つのチームによる美しいコード
• レスポンシブWebデザイン：
  
  • RWDの現状の調査（およびそれへの移行プロセスを加速する方法）
  • RWD Webサイトの重さはどれくらいですか？
  • tuktuk-レスポンシブ12コラムグリッドフレームワーク
  • flexible.gs-縮小版の圧縮に関する問題を抱えている有望なグリッド
  • メディアクエリ：メディア式のさまざまなプロパティの確認
  • レスポンシブフレンドリーCSSコラムガイド
  
  
• SVG：
  
  • SVGプリローダー
  • SVGの奇妙なストローク
  • PatternBolt -CSSまたはSCSSファイルにパッケージ化されたテンプレートとSVGバックグラウンドジェネレーターのセット
  • svgを使用した人気ブランドのレスポンシブロゴ
  
  
• プリプロセッサ：
  
  • プリプロセッサを使用するときに必要なミックスインが少ない
  • 少ない変数ライブラリを使用したブートストラップテーマ開発の高速化
  • Sass 3.4について知る必要があるすべて
  • SassでCSSアニメーションを自動化する
  • 少ないCSSベースのフレームワーク
  • ChromeのSassソースマップ
  • CSSプリプロセッサのミックスイン
  
  
• 上記のCSSを理解する：
  
  • 重要な折りたたみ式CSSの作成
  • フィラメントグループのクリティカルCSS
  • addyosmaniによるクリティカルパスCSS
  
  
• Githubの CSS -MDOレビュー投稿
• Lonely PlanetのCSS
• セレクターの優先順位を操作するときのハック
• 最新のCSSを使用してネイティブアプリケーションを置き換える10の例
• 大規模なCSSコードベースで問題を解決する
• 純粋なCSS画像スライダー
• Mathias Bynensによる「3.14 CSSについて知らなかったこと」
• クールなレポート「CSS In Your Pocket-Mobile CSS Tips From The Trenches」 Angelina FabbroによるCSSConfUS2014
• スクリーンキャスト「CSSカスケードの起源と重要性」

Javascript

• 機能的なJavascript。 レンズを書くパート1
• 優れた責任と優れた力-AngularJS Safety
• jQueryのソースコードを読むときの18の驚き
• JavaScript開発者の就職面接
• Flexboxで同じ高さのブロックとJSのフォールバック
• jQueryのソースコードを読むときの18の驚き
• ポップアップメッセージの興味深いアイデア
• 必須のJSビデオのセレクション
• リファクタリングストーリー
• ES6 Generatorsを使用する基本
• JS開発者がObject.observe（）に熱心でなければならない理由
• ES6のクラスの概要
• 日付のヒント
• モバイルWebページに使用できる5つの高度なAPI
• バッテリーAPIの使用方法
• フレームワークとnode.js：
  
  • Angular.jsを使用する最良の方法
  • Bonegular -AngularJSのバックボーンスタイルのモデルとコレクション
  • AngularJSでのYouTubeディレクティブの作成
  • Todd MottoによるAngular JS Style Guide for Teams
  • AngularJSとPolymerの役割
  • Built with Ember -Ember.jsで作成されたWebアプリケーションのコレクション
  • Node.jsのアドオンを作成しています
  • Google APIのNode.jsクライアント
  • Node.jsを使用したセンチメント分析アプリケーションの作成
  • Bookshelf.jsの使用を開始する
  
  
• プラグイン
  
  • Googleのマテリアルデザインからクリックに対する波の効果を再現する
  • Rome-依存関係のない日付と時刻の選択コンポーネント
  • sense.js-モバイルWebブラウザーのシンプルなジェスチャーサポート
  • 複数列ドロップダウン -単一選択複数列ドロップダウン
  • スマート固定ナビゲーション -高度な固定ナビゲーション
  • クールなエフェクトを選択するためのカスタムデザイン
  • Waves -Googleのマテリアルデザインに触発されたクリック効果
  
  

Webツール

• 人気のあるWebサービスのパワーを組み合わせる5つの方法
• WebデザイナーとWeb開発者向けのトップ10の最高のオープンソースツール
• HTML Minifier

ニュース

• ベースラインスタディ-おそらくGoogleの最も野心的なプロジェクト
• Yandex.DNSはボットに対処することを学びました
• GoogleはTwitchビデオストリーミングサービスを購入しているようだ
• Googleマップに追加された旅行者向けの「エクスプローラ」機能
• AdSenseヘルプセンターでは、さまざまな種類のデバイス向けのWebサイト最適化ガイドを紹介しています
• omScore：Google、Yahoo、Microsoftサイトは米国で最も人気のあるリソースです
• YelpがGoogle Trendsのようなトレンド追跡機能を導入
• 中国は世界最大のコライダーを構築
• MicrosoftはWindowsの異なるバージョンを単一のシステムに統合します
• 「VKontakte」は音楽特別プロジェクトに従事します
• Zuckerbergは、Googleの両方の共同創業者よりも豊かになりました
• Durovは法人のTelegramを変更し、iOS用の新しいアプリケーションを開始しました
• Facebookには、記事の読み取りを延期するための[保存]ボタンがあります
• YahooがFlurryの最大のモバイル分析サービスを2億ドルで買収
• FacebookがOculus VRの買収を完了
• WordPress 4.0の最終外観：新しいバージョンで期待されること

ブラウザ

• Firefox開発者ツールでDOMイベントを表示する
• Firefox 31リリース
• Firefox 32-betaおよびFirefox 33-auroraを終了します
• Firefox 36マルチプロセスアーキテクチャへの移行予定
• <picture>要素は、ChromeおよびOperaアセンブリに表示されます
• 新しい侵害ブラウザ
• 古いバージョンのFirefoxは自動的に最新リリースに更新されます。
• Internet Explorerは2014年前半に最も脆弱なブラウザであることが判明しました
• Web Font Browserのバグ

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

• greaterthanorequalto.net-シンプルなインタラクティブテキストストーリー
• madebyuppercut.com-創造的なスクロール効果のあるサイト
• Aprilzeroは、豊富なグラフと共感的なデザインを持つサイトです
• airnauts.com-創造的なスクロール効果と素敵なアニメーション
• dataveyes.com-キャンバスを使用した創造的な背景効果
• keecker.com-ページ遷移の興味深い実装
• personalbrandinstitute.com-豊富なcss3およびキャンバスアニメーションのあるサイト
• vinylday-クリエイティブテーマサイト
• Palanga Live-クールなアニメーションと背景ビデオのあるサイト
• grad.uottawa.ca-双方向スクロールナビゲーション
• モバイルプレイブック -高度な効果が満載の水平スライドサイト
• humoristas.comの概念的なデザインと素晴らしいアニメーションを備えたクリエイティブなウェブサイト
• pdg - paris8.com-別の双方向スクロールサイト
• zhanaozen.eu-スクロール効果への非標準的なアプローチ
• underbelly.is-簡単な視差と素晴らしいアニメーション

設計

• Runet Web Studioの創造性の評価が公開されました
• 新しいデザイン「使用できますか」
• イラストの様式化されたカード。
• ロゴデザインの影
• アニメーション化されたロゴとエンブレム
• デザイナーやイラストレーターの独創的なセルフィー
• デートしたくない10種類のデザイナー
• 私はデザインが嫌いです...今それで何をしますか？
• 将来のインターフェース：より人間的なデザイン
• Webアニメーションでフラットなデザインを維持できますか？
• Foursquareの再設計
• Airbnbの再設計を成功させる秘secret
• Webで「空の」スペースを機能させる方法
• ユーザーの肯定的な反応に対するフォントの影響
• Webデザインの白いヘッダー。
• ポスター：バットマン75周年
• コスモポリス-大都市のイラスト集
• Phil Notoによる壮大なポートレートイラスト
• ポートレート写真で散乱した髪をレタッチする3つの方法
• 完璧な404ページを作成する方法
• 新聞のウェブサイトのレイアウトの設計原則
• 再設計後：新しいAirbnbロゴとそのパロディ

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

• raumrot-カテゴリー別にフィルターされた素晴らしい選択写真
• 800枚以上の高品質の写真を1か所で
• 無料のフラットアイテム
• PSDポスターデザインの20個のモックアップ
• ヴィンテージモカパ
• iOS 7のアプリケーションのワイヤーフレームを作成するための設定
• PSD形式の30個のクリエイティブテンプレート
• Artful Clubの1ダースアイコン
• Mintie-フラットなデザインの明るくカラフルなアイコンのセット
• 充電バッテリーとその状態の40個の1色ベクトルアイコン
• 500のモノクロフラットアイコン
• 冬の輪郭ベクトルのアイコンのセット。
• 200以上のモノクロフラットベクトルアイコン。
• 7つの主に装飾的な7つのヘッダーフォント
• 2014年の4ダースの最高のフォント：DudeからBobberまで
• 装飾用フォント、NendoからOrbitron
• Webデザイナー向けの30以上の無料UIキット
• Aaram-丸みを帯びたサンセリフ装飾フォントのファミリー

デモ

• 3Dプリミティブを表示するためのサンドボックス
• マイクロソフトのカタンの開拓者のHTML5バージョンをプレイ
• 重力-＃HTML5の実際の驚くべき例

おもしろい

• スタートアップ：
  
  • 新興企業：35年後に設立された15の有名なプロジェクト
  • スタートアップとファカプス
  • スタートアップを支援する：.WTFおよび.FAILドメインを登録するための予約注文が開きました
  • シリコンバレーに行かない5つの理由
  
  
• Googleオフィスで働くことが誰にとっても夢なのはなぜですか？
• Googleで仕事をする方法と価値があるか
• Khosla VenturesでのVinod KhoslaとのSergey BrinとLarry Pageへのインタビュー：最も完全なバージョン
• 5年間のビットコイン：規制は禁止よりも優れています！
• 主なトレンド2014オンライン
• Kickstarterの「スマート」スリープセンサーが爆発：初日に50万ドル
• NASAは、多くの宇宙オブジェクトの3D印刷用のファイルを提供しています
• セルフィー愛好家のためのトースター
• 興味のある5つのGoogleチップ
• ジミー・キンメルが通行人に格安のカシオをApple iTimeに贈った
• ITインタビューで最も面白い質問50

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

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