先週の第157号（2015年4月20日〜26日）のWeb開発とITの世界からの興味深い資料のダイジェスト

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

ウェブ開発

• Ghostlab：Chrome開発ツールを使用して任意のブラウザーでデバッグする
• 仕組み：インタラクティブなオンラインコースの開発
• モバイル用の更新番号は既に実行中です。 ご質問にお答えします
• スタイルガイドの作成
• あちらこちらに戻る：実際のフロントエンドコードに戻る
• キャンバス要素がアクセシビリティにとって意味するもの
• HTML5ビデオ入門（ HTML5ビデオ入門）
• NASA API - NASA開発者ツールキット
• UIkitを使用したアダプティブポートフォリオの作成 （ UIkitを使用したレスポンシブポートフォリオの構築）
• Electron -Webテクノロジー（以前のAtom Shell）を使用してクロスプラットフォームアプリケーションを作成するためのツールキット
• 無料のUdacityブラウザレンダリング最適化コース
• WebP画像とパフォーマンス（WebP画像とパフォーマンス）
• free-for-dev -Saas、PaaS、IaaSの世界からの無料リンク
• ドラッグアンドドロップを使用したページのインタラクティブな色付けの概念 （インタラクティブなドラッグアンドドロップの色付けの概念）
• アーロン・グスタフソン
• ペンギン -フロントエンド開発者向けの簡単で拡張可能なスターターキット
• データURIでのSVG最適化
• 5分後のHTTP2について

CSS

• CSSの組織化方法
• 線形CSSグラデーションが得意ですか？
• 問題を引き起こす3つのCSSの質問
• 9か月で独自のCSSプリプロセッサを作成する方法に関するストーリー
• ブロックの密なパッキングのタスク
• cssflexbox.com -Flexbox CSSの資料、ヒント、リソースの厳選されたコレクション
• CSS背景画像のSVGの色付け
• ブートストラップ4はSCSSにあります
• harmon -Sassによるシンプルなタイポグラフィ
• Sass and Responsive Typography
• c ^ ret-矢印のCSSコードジェネレーター
• CSSのセンタリング方法 -何かをセンタリングするためのコードを生成するサービス
• FlexCss -Flexboxに基づいたJS / CSSパターンのライブラリ
• ピクセルを使用するだけ
• CSSのマーベルロゴ
• 新しいCSSアーキテクチャITCSSで大規模なWebプロジェクトを管理します
• 複数のブレンドモードのリンク
• ベンダープレフィックスの書き込みを停止する
• CSS3を使用したselect要素の高度なスタイル設定 （HTML5 SELECT要素の高度なCSS3スタイリング）
• CSSポジショニングスクリーンキャスト

Javascript

• JavaScriptの「クラス」のミックスイン
• MoscowJS Meetupのビデオレポート
• ループ最適化
• CPU L3キャッシュの内容を決定するJavaScript攻撃
• Globalize 1.0プロジェクトのお知らせ
• ES6の詳細：紹介 （ES6の詳細：紹介）
• 誰もがJavaScriptを持っていますよね？ （誰もがJavaScriptを持っていますよね？）
• インラインSVGフォールバック。 JavaScriptは不要です
• JavaScriptの変数の可視性の基本
• JavaScriptの継承に関する一般的な誤解
• JavaScriptの不変性（ JavaScriptの不変性）
• Java / C開発者が知っておくべき3つのJavaScriptの癖）
• JavaScript UIウィジェットのインスタンス化のパターン
• angular2-education -AngularJS 2コンテンツ
• 同型アプリで未来に対応
• AngularJSの未来的な新しいルーターの紹介
• SmellsでJavaScriptコードを削除（JavaScriptコードの臭いを削除）
• 最高のJavascriptカルーセルプラグインの選択
• ポインター -ポインターイベントのサポートを追加する
• compareTo-入力された2つのパスワードを比較するためにcompareTo属性のサポートを追加するスクリプト
• wm-html-include.js-外部HTMLページを現在のドキュメントに追加するスクリプト
• 中型の確認ダイアログ
• Egg.js-イースターエッグをサイトに追加する
• NoSleep.js -Android / iOSでの眠りを防ぎます
• itemSlide.js-シンプルなタッチカルーセル
• Elevator.js-ページのトップへの楽しい登り
• Erin McKean JS言語学 （JavaScriptの言語学-Erin McKean（Wordnik）キーノート）
• ECMAScript Harmony：Rising of the Compilers-Brendan Eich基調講演-ECMAScript Harmony：Rise of the Compilers-Brendan Eich基調講演
• JavaScript MV *フレームワークの構造-Craig McKeachie-JS Remote Conf 2015 JS MV *フレームワークの構造

ブラウザ

• Chrome DevToolsの新機能 （Chrome DevToolsの今後の機能）
• DevToolsタイムライン：完全なストーリーを提供するようになりました
• プッシュレボリューション：SafariとChromeは、ブラウザーが閉じられている場合でもサイトから通知を受信できるようになりました
• 開発者はApple Watch用のブラウザを作成しました
• Spartanブラウザーで見つかったバグに対する報酬

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

• The Artist at War-歴史的なテーマに特化したインタラクティブなテーマサイト
• flavinsky.com-タイポグラフィに焦点を当てたミニマリストのウェブサイト
• pro.weltrade.com-高品質のグラフィックスと背景ビデオを備えたウェブサイト
• voetsdesign.com-背景の壮観な実装を備えたウェブサイト
• getbeagle.co-すばらしいスクロールアニメーション
• Fornasetti-ちょっと変わった文房具サイト
• 超最小限のWebデザインの例（25個の感動的な超最小限のWebデザインの例）

設計

• 仮想現実インターフェースの設計の基本原則
• ヘルベチカのファンのための時計、メデューサの再設計、および今週のその他の設計ニュース
• css-live.ruチームによる公式のGoogleマテリアルデザインドキュメントの次のセクションの翻訳： 色 、 アイコン 、 画像
• PhabletsがUXモバイルデザインに与える影響
• Webデザインの美しいヘッダー。
• stet.io-オンライン画像エディター
• Kubist-写真をポリゴンSVGに変換するサービス
• Web Design Stack-必要なすべてのリンクのコレクション
• エキサイティングなデザイン（仮想現実デザインについて） （没入型デザイン）
• Fall of the Designer Part III：コンフォーマストレスポンシブデザイン
• レスポンシブデザインの3つの障害（およびそれらを回避する方法）
• セキュリティガードの設計方法：Forma Design Studioの経験
• レスポンシブWebデザインにスケッチを使用する（ケーススタディ）
• 私のBalsamiq：Web上のワイヤフレーム
• 「Pay me or else！」という本 -無料の顧客に関する問題の解決策について。 （クライアントが支払いをしないと嫌いです）
• 私の電話の時計：私たちにとっての時間とは何ですか（ 私の電話の時計：私たちにとっての時間とは何ですか？）
• 女性向けアプリを設計するための7つのヒント（女性向けアプリを設計するための7つのヒント）
• Sketch and Invisionを使用したデザインのローカライズ （ Sketch and Invisionを使用したデザインのローカライズ ）
• ユーザーを待ちましょう
• 設定の設計
• スポーツスコアインジケーターのデザイン （スコアバグ：デジタルオンスクリーン作成のケーススタディ）
• Adobe Photoshopでリアルな鼻を描く方法 （ Adobe Photoshopでリアルな鼻を描く方法をご覧ください）
• CorelDRAWでビビッドビデオゲームの背景を作成する方法
• UIに最適なタイポグラフィを選択する
• 百日、百フォント （100daysoffonts.com）
• プロキシマノバ、ca。 1981
• 1965年から2015年までのアベンジャーズコミックの表紙
• チームカラー -スポーツクラブのメインカラー
• 設計履歴：アンパサンドを知る

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

• 無料の楽しいパターン
• 無料のベクター、写真、アイコンなどのリソース
• ジェスチャーアウトライン画像 （正しいジェスチャー-無料のジェスチャーセット）
• iOSデバイス、ポスター、雑誌の表紙のモックアップ（Webデザイナーおよび開発者向けの無料Photoshopモックアップ）
• モックアップTシャツ （20+驚くほど無料のTシャツモックアップPSDテンプレート）
• スタンプモックアップ（15+ベストスタンプモックアップPSD）
• Android向けの最高のPSI UIキット （46以上の最高の無料Android UIキットPSD）
• 写真やビデオのトピックに関連するアイコン （写真とカメラ機能のアイコンセット-景品）
• マテリアルデザインアイコンセット（マテリアルデザインアイコンセット-景品）
• 11個のアイコンセット（デザインツールボックスの11個の無料アイコンセット）
• さまざまなトピックのアイコンのセット （無料の多目的アイコン）
• カラフルなフラットデザインアイコン （300+無料のフラットカラーアイコン）
• Bough-手書きのレトロフォント （Bough：Hand-Drawn Typeface）

ニュース

• Googleは何千ものLoonインターネットバルーンを打ち上げる準備をしています
• Project Fi-Googleの仮想モバイルオペレーター
• Google検索結果では、モバイルデバイスのサイト最適化が考慮されるようになりました
• Googleはモバイルフレンドリーなアルゴリズム 、 専門家を開始しました
• エイプリルフールの日com.googleジョークが誤って大きなセキュリティホールを作成
• ドイツの裁判所がAdBlockを承認
• GitHubで最も人気のある言語が1つのグラフに表示されました。
• MicrosoftがWindows 10 Solitaire、Minesweeper、Heartsを返します
• Androidスマートフォンの所有者は、Google検索を通じて電話を制御する機会があります
• 深刻な脆弱性を排除したWordPress 4.2のリリース
• Windows 10のリリースは7月下旬に開催されます
• YouTubeはホスティングに最初のビデオをアップロードしてから10年を迎えます
• Appleは新しいコマーシャルで、仕事、スポーツ、コミュニケーションのためにWatchを使用する方法を説明しました
• Facebookユーザーは毎日40億のビデオを視聴しています
• 日：毎月Facebookを使用する人の数
• ローマン・アブラモビッチはミュージックメッセンジャーに投資しました

おもしろい

• AndroidはGoogleマップのAppleロゴを排便する
• 20人の現代のIT巨人の名前の由来
• Facebookで働くのが悪い理由：世界最大のソーシャルネットワークの元従業員のレビュー
• Slackメッセンジャーの創設者：投資を必要とするスタートアップにとって今が最適な時期です
• Googleにとって悪い年-アナリストが「良い企業」の明るい未来を疑う理由
• 404はどこから来たのですか
• ハッブル望遠鏡の記念日：25年の素晴らしい宇宙写真

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

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