先週の第115号（2014年6月22〜28日）のWeb開発とITの世界からの興味深い資料のダイジェスト

役立つリソース、興味深い資料、ITニュースへのリンクを含むセレクションをご紹介します

ウェブ開発

• タッチデバイスでサイトを機能させる
• クロスブラウザ拡張機能の開発
• ウェブサイトの速度とアクセシビリティがSEOに与える影響
• Bower：フロントエンドにパッケージマネージャーが必要な理由
• 「フロントエンドの自動化」に関するロバートハリトノフのレポート
• WTF、HTML、CSS？
• 過去のGoogle IO会議に基づくAndroid L、Chrome DevToolsおよびその他のニュース
• ブートストラップ3.2.0リリース
• HTML5 Canvasでパーティクルを操作する
• ゲームの作成。 パート1：キャラクター
• cayley-グラフデータベース
• Fenixは、GUIを備えたnode.js上の無料のシンプルなWebサーバーです。 快適から-ローカルサイトを共有する能力。
• すべてのスタイルガイド ：著者は自分のブログですべてのスタイルガイドとテンプレートライブラリを収集しています
• Google Web Starter Kitの使用を開始する
• HTML5初心者向けガイド
• Vimは奇妙で複雑だと思う人のためのVim
• WordPress Webサイトの速度を上げる方法
• SVG：preserveAspectRatioの仕組み。
• ドラッグ可能なデュアルビュースライドショー
• インストール可能なWebアプリケーション。
• 医師はすでに到着しています （ジェフリー・ゼルドマンからの朗読）
• Google I / O 2014： ポリマーとWebコンポーネントがWeb開発について知っているすべてを変える
• NDC 2014のビデオ： 「フロントエンド開発者向けのNode.JSツール」（バウアー、グラント、ガルプ、およびヨーマンについて）

CSS

• 便利なCSSレシピの選択
• Sassの経験を次のレベルに引き上げるためのアプローチ
• CSS3アニメーションに命を吹き込む
• CSSShrink -CSSを圧縮する
• CSS3のCSSを使用したレスポンシブデザイン
• プレースホルダーの興味深いテクニック
• SUIT CSS-インターフェイスコンポーネントのスタイルツール
• Gridle.SCSS-レスポンシブグリッドの作成
• 例として親の脚注を使用した一般的なCSSプリプロセッサの構文の比較
• CSS前処理ループ
• Licon-CSSアイコンセット
• CSSで描かれたシンプソン
• チェックボックスウェーブ

Javascript

• 接続を要求する方法を教えてくれる人
• OpenUI5 -SAPの新しいJavaScriptフレームワーク
• Sourcebuster JS ：JavaScriptでWebサイト訪問者のソースを決定するモジュール
• browserifyの使用を開始する
• fast.js-典型的なJavaScript関数のより高速な実装
• Human JavaScript電子書籍オンライン-Webアプリケーション開発ガイド
• JQuery UI 1.11.0リリース -新しいウィジェット、Bowerサポート、AMDサポート、および多数の修正
• 心を失うことなく変数とクロージャの範囲を理解する
• 可視化アルゴリズム
• JavaScriptとCSSを使用したローカライズは有用な記事であり、実稼働での使用よりもテクノロジー機能の面で興味深い
• CDNperf -JSライブラリを配信するための最適なCDNを見つける
• Backbone.jsおよびMarionette.jsを使用して作成されたコンポーネント
• HTML5オーディオを操作するための5つのライブラリとAPI
• beeplay.js -JavaScriptで音楽を書く
• SPF -YouTubeからページの一部をナビゲートおよび更新するためのフレームワーク
• DropKick.js-ドロップダウンをスタイリングするためのプラグイン
• SideComments.js-個々のセクションおよび段落に関連するコメントを投稿するためのコンポーネント
• FirebaseとIonicを使用したアプリケーションの構築
• Ampersand.js-モジュールを使用して高度なアプリケーションを作成するためのフレームワーク
• smallworld.js -GeoJSONとHTML5 Canvasを使用したマップジェネレーター
• jQueryのシンプルなアニメーションの強化
• MediaRecorder APIの使用方法
• jQuery Navobileは、レスポンシブナビゲーション変換のための別のプラグインです
• jQuery.Adaptive-Modal.jsを使用したクリエイティブモーダルウィンドウ
• jQuery： Timmy Willisonの狭いチャンネルに最適なライブラリ

Webツール

• ゲーム作成ツール
• Piskel-ピクセルグラフィックス、アニメーション、スプライトを作成するためのツール
• 新しいデザインは使用できますか

ニュース

• Google I / O 2014：
  
  • Google I / O2014。初日
  • Google I / O 2014の概要
  • Google I / O 2014のニュース速報の概要
  • Google I / O 2014を4分で
  • Google I / O 2014のプレゼンテーションに関する開発者と専門家
  • Google I / O Conferenceで発表されたCayley Open Graph-Oriented Database
  • Google I / Oの3つのスキャンダル
  • Android L開発者プレビューレビュー
  
  
• Oculusが最高の工業デザイナーのグループを買収
• 火星探査機キュリオシティが主な科学ミッションを完了しました
• Wolfram Programming Cloudが利用可能になりました
• Moto 360：モトローラのスマートで美しい時計
• YouTubeは60 fpsをサポートし、他の機能を取得します
• Google、Google Domainsドメイン登録サービスを開始
• 公開されている最も高性能なスーパーコンピューターのリストの第43版
• MozillaはまもなくFirefox OS TVキーチェーンを導入してChromecastと競合する可能性があります
• Mail.Ruがオンラインドキュメントエディタを起動
• YandexはYa.ruを閉じます。 Lyudmila Kudryavtseva、Start Fellows：Yandexブログプラットフォームの閉鎖について
• Appleは16 GBのメモリとiSightカメラを搭載したiPod Touchプレーヤーを発表しました
• Google Cardboard：Cardboard Virtual Reality Helmet

ブラウザ

• Firefox NightlyにはWeb開発用の組み込みIDEがあります
• Growth Hacksによる21番目のGoogle Chrome拡張機能
• LinuxプラットフォームでサポートされるOpera 24 Webブラウザー
• Chrome DevToolsの新機能

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

• pioneers.brancottestate.com-非標準のスクロールサイト、下から上にアニメーション化されるデザイン
• designmodo.com/startup-フレームワークデザイナー専用の1ページのWebサイト
• インタラクティブな統計情報を備えたサイト-2014年ワールドカップの視覚化
• developers.google.com/cardboard-スマートフォン、レンズ、段ボールのデザインで利用可能な仮想現実
• iconpr.com.au-素敵なアニメーションと視差効果のあるサイト
• terra - digitalis.dfg.de-高品質のグラフィック、アニメーション、視差が豊富な垂直サイト
• lobagola.com-開始スライダーの興味深い効果
• go - food.co.uk-サイトと特にメインページの素敵なスタイリッシュなデザイン
• my.deejo.fr-インタラクティブなデザイナーがいるクールな 3次元プレゼンテーションサイト
• グランプリデュカナダアドバンスドウェブサイト
• クリーンで最小限のデザインのサイトの選択
• 100％ヒーロー画像効果を使用するサイト

設計

• レスポンシブデザイン
• デジタルアーティスト：PCに何を描く必要がありますか？
• 活版印刷
• 404ページのデザインのヒント
• 図像学者スーザン・カレ（EG8）
• 5年のドリブル
• Dribbbleはデザインを台無しにしました（私にとって）
• 材料設計-Google製品ライン設計の更新
• Googleデザイン
• デザイナーはGoogleの新しい「マテリアル」デザインコンセプトに反応します
• Android Lの使用：Googleからの未来の軸の初見
• ドアチャートを使用してUXサイトを改善する方法
• 6つの「安全な」Webデザインカラーガイド
• MobileVis-モバイルデバイスに適合した視覚化の例
• 詳細設計：iOS用のパスアプリ
• アンドレアス・プライスによる創造的な社会プロジェクトの感動的な例
• HomelessFonts-ホームレスの人々の手書きを使用して作成された手書きフォント
• 効果的な旅行マップを作成するための段階的な手順
• カラーモデルとは
• シングルページサイトがクールな5つの主な理由

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

• 夏のベクトルの背景とパターン。
• 質の高い木目
• 写真家のためのサードアイフラットデザインPSDテーマテンプレート
• アイコンデザインリソース
• 電子衣料品店のレスポンシブWebデザインテンプレートPSD。
• Ballicons-PNG、PSD、SVG形式のフラットなデザインの丸いアイコンの2つのパック
• 注目に値する40個のアイコンセット
• PSDの70のアウトラインアイコン
• マップマーカーとベクトルのアイコンのセット。
• Twitterのスズメのベクトルイラスト。
• 20個の装飾フォント：44 Font ShadowからBauserifまで
• Raw-ブラシストロークとして様式化された装飾的なサンセリフフォント
• シンプルスタンプ -小文字、大文字、数字、通貨、句読点を含む手書きの装飾フォント

デモ

• フラットリス
• WavePot -JSのオンラインシンセサイザー
• ウィキペディアの再設計コンセプト
• クールなCSSアニメーション
• ポリマーサンプルプロジェクト-さまざまなトピックのテスト
• Googleフットボールゲーム

おもしろい

• 好奇心の火星の記念日：赤い惑星の1年
• 私たちは変圧器について何を知っていますか？
• レトロ：感情を描いて
• Android Lの9つの大きな変更
• ビデオ：TEDで科学に恋をする7つのスピーチ
• 追跡履歴：Facebookが「いいね」ボタンの追跡を拒否した方法
• Mashableによると、スタートアップにとって8つの有望な分野
• コンピューターアニメーションの歴史
• チューリングテストに合格しました。 それで何？
• Androidの履歴 （バージョン0.5から4.4）
• 最も便利なサイトの数十
• プレーンテキストの違反者 -パスワードを明示的に表示するサービス

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

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