Web開発およびITの世界からの興味深い資料のダイジェスト、先週第173号（2015年8月16〜23日）

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

ウェブ開発

CSS

Javascript

ブラウザ

設計

ニュース

おもしろい

ウェブ開発

• Microsoft Edgeおよびその他の最新のブラウザーでサイトのパフォーマンスを改善するための7つのヒント
• webpack用のプラグインを作成する
• WordPress 4.3 "Billie"は光を見た
• モバイルコンバージョンサイトを作成する方法
• モジュール設計言語
• GitHubでのプログラミング言語の人気に関する統計を更新しました
• ブートストラップ4アルファリリース （ブートストラップ4アルファ）
• Microsoft Edge Devで利用可能なWindows 10仮想マシン
• Kremlin.ruの作成者であるArtyom Gellerへのインタビュー （ロシアの愛を込めて：Kremlin.ruのレスポンシブリデザインの背景）
• JadeとGruntを使用してHTML生成を高速化する
• Webアニメーションとは何ですか？ Rachel Naborsが説明します （Webアニメーションとは？Rachel Naborsがすべて説明します）。
• 本当の進歩的な強化
• Babelとの一般的な反応、Browserify
• グレートアイコンディベート：フォントvs SVG （グレートアイコンディベート：Fonts Vs SVG）
• 正規表現の学習：実用的な方法
• Web開発者が世界を支配する
• HTML5 / CSS3ブラウザーサポートの現状
• アクセシビリティを改善するための簡単な設計とフロントエンドの実践
• 2015年の7つの Web開発動向（2015年の7つのWeb開発動向）
• 2015年のレスポンシブ画像の状態（ 2015年のレスポンシブ画像の状態）
• フロントエンド開発者向けの19のベストニュースレター
• 「You Gotta Love Frontend Conference 2015」のビデオの選択とレビュー
• 最近のカンファレンストークワースウォッチング

CSS

• 方法：CSSのインタラクティブな電子メール作成テクニック
• WebKit（Safari 9）には、レベル4 CSSセレクターのサポートが含まれています
• CSSグリッドレイアウト-フィニッシュライン
• CSS関数要素（） CSS要素（） css-live.ruコミュニティによる機能記事の翻訳
• 論理スタイルファイルの十戒 （ 正気のスタイルシートの十戒の翻訳）
• Flexboxを使用したWebデザインの柔軟な未来の構築 （ Flexboxを使用したWebデザインの柔軟な未来のレイアウト）
• CSSでの色の操作（CSSでの色の操作）
• Hasp-半ば主張されたCSSプリプロセッサ。
• CssNano -PostCSSプラグインで構成されるモジュラーミニフィケーター
• @ Font-faceジレンマ（@ font-faceジレンマ）
• CSS を使用したグラフの作成
• ダウンロードまたはプロセスの現在の状態を純粋なCSS （Pure CSS Progress） で表示するボリュームプリズム
• CSSモジュール-未来へようこそ
• MailChimpスタイルガイド（MailChimpコンテンツスタイルガイド）
• SVGモードとブレンドモードでレンダリングされた画像 （ SVGモードとブレンドモードで 「スクリブル」画像を表示）
• 次を使用して純粋なCSSを使用してスタイルスイッチャーを作成する：オン （ 純粋なCSSを使用してスタイルスイッチャーを作成する ：オン）
• Sassを学びたいですか？ これらのリソースから開始 （Sassを学びたいですか？これらのリソースから開始）
• 純粋なCSS Appleデバイスイメージジェネレーター

Javascript

• タスク、マイクロタスク、キュー、プラン （ タスク、マイクロタスク、キュー、スケジュール ）
• 新しいVorlon.jsプラグインを使用してJSをリモートでデバッグおよびテストする（ 新しいVorlon.jsプラグインで JavaScriptをリモートでデバッグおよびテストする）
• 非同期JavaScriptの進化
• MVCでAjaxとHTML5を使用してファイルをアップロードする
• Backbone.jsを学びたい開発者向けの12のリソース
• ネイティブDOMでできること
• タイマーの性質について
• ビデオ：JavaScriptでブロックステートメントを理解する（ビデオ：JavaScriptでブロックステートメントを理解する）
• jQueryを使用しないVanilla Ajaxのガイド
• ES5オブジェクトリテラルに関する5つのあまり知られていない事実
• Node.js Expressのパフォーマンスを向上させる5つの簡単な調整 （ Node.js Expressの 5つの簡単なパフォーマンス調整 ）
• ES6の詳細 ：未来
• React in ES6でのユニバーサルルーティング
• ES6マップとJSONの変換
• 反応：誇大広告は本物です
• ビデオ： Reactで時間をキャプチャする
• React Color-Sketch、Photoshop、Chromeのカラーピッカーのコレクション（React Color-Sketch、Photoshop、Chromeなどのカラーピッカーのコレクション）
• TypeScriptを使用してAngular 2を始めましょう
• ルーティングとサービスを使用してAngular 2アプリケーションを構築する方法
• ES6モジュールを使用したAngular JSアプリケーションの適切なテスト
• Three.jsとNodeを使用したVRでのTwitterストリームの視覚化）
• JavaScriptを使用した機能の取得（パート2）
• 4の紹介：WebGLですが、簡単です
• Falcor-効率的なデータ取得のためのJavaScriptライブラリ
• Typeset.js -HTMLの活版印刷プリプロセッサ）

ブラウザ

• Operaブラウザが20歳に
• Firefox 41-betaおよびFirefox Developer Edition 42リリース
• Windows 10 PC所有者に人気のないEdgeブラウザー
• Firefoxが新しいChromeアドオン開発API互換に移行
• Safariは新しいIEではありませんが...（Safariは新しいIEではありませんが...）
• Microsoft Edge Browser：レビュー （Microsoft Edge：レビュー）
• Microsoft Edge Webプラットフォームの最初の更新のプレビュー

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

• 過去の調査：1997年以降のApple Webサイトの変化
• Startup Timelinesは、Instagram、Facebook、Twitter、Airbnbなど、かつて世界を変えたスタートアップ専用のサイトです。
• logikstudio.de-興味深い効果のあるポートフォリオサイト
• loisjeansキャンペーン -優れた視差効果のある素敵なプロモーションページ
• 映画に特化したインタラクティブなサイト「明日の土地に連れて行ってくれ」
• void.hi - res.net -3Dに完全に没頭するサイト
• thehappyforecast.com-非常に高品質のグラフィックとアニメーションを備えたキャンバス上のサイト
• .josephaavoue.com-アニメーション付きのスクロールサイト
• chelseacollective.com-カスタムレイアウトとアニメーションを備えたサイト
• 2014年のレビュー
• webomedia.net-アニメーションに満ちた最新のウェブサイト

設計

• 再設計における恐怖と嫌悪
• ウェアラブルのデザイナーズガイド
• 最も賢いユーザー向けに設計を簡素化する
• Googleが視覚障害者向けに設計する方法
• 設計者がアクセシビリティについて知っておくべき7つのこと
• 障害をデザインするための5つのプロのヒント
• 初心者がさらに7つの質問（noobデザイナーがさらに7つの質問）
• あなたがこれまでに与えた最も役立つヒントは何ですか？ （あなたが得た最も賢いアドバイスは何ですか？）
• 通知の問題
• 日付ピッカーのUIメカニズム
• Snapchatのコンセプト機能
• Android向けYouTubeライブコンセプト （ Android向け YouTube Live）
• ぼかしは UIデザインの自動調整であり 、Wildcard 2.0の設計中に私たちが考えた他のことです）
• 大統領寄付デザインレース寄付ページのデザイン
• 実験をダウンロードする-どれくらい待つことができますか？ （読み込みの実験-どれくらい待つか？）
• サイトを印象的で収益性の高いものにする10の方法 （ サイトを印象的（かつ収益性の高い ）にする10のデザイントリック）
• 本能だけに焦点を当てずに創造的なチームを作成する （あなたの腸なしで創造的なチームを構築する）
• 悪いユーザーインターフェースを修正する方法
• 原則：試してみる必要があるプロトタイピングツール）
• Adobe Photoshopで作業を高速化する30のホットキー
• クイックヒント：レイヤーマスクとAdobe Photoshopの消しゴムツール
• Photoshopブラシの煙効果を作成する方法
• Affinity Designerでフラットスタイルの野菜ポスターを作成する
• UI Movement-刺激的なUIの例のギャラリー
• アプリアイコンの色
• これらの活版印刷ゲームをプレイするスキルを高めます （これらの楽しい活版印刷ゲームでスキルを向上させます ）

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

• 秋の作品の無料写真
• 無料の学校のテーマのベクトル
• MetroスタイルUIキット（22以上の無料のMetroスタイルUIキット）
• 2015年8月のダースPSDウェブサイトテンプレート（24 PSD無料ウェブサイトテンプレート-2015年8月版）
• 名刺モックアップ-2015年8月 （21 PSD無料名刺モックアップテンプレート-2015年8月版）
• 燃える電球で作られた文字で梱包 （現実的なビンテージ電球記号文字の無料パック）
• スケッチ UIキット（景品-UIキット）
• Windows 10アイコン （無料のWindows 10アイコン）
• Fblu-アウトラインアイコンセット （Fblu無料アイコン）
• Break-Sans Serif Font Family （ブレーク|フリーフォント）
• Rissa-装飾フォントファミリー （Rissa Typeface）
• Troupe-装飾的なレトロセリフフォント

ニュース

• Facebookは、メディアのトラフィックの点でGoogleを上回っています
• Googleデータセンターは、4回連続で落雷した後、一部の情報へのアクセスを完全に失いました
• Windows 10とWindows 8の11の重要な違い
• Windows 10の5つの明白な利点
• 開発者の冗談：Project Araのリリースは、スマートフォンがバラバラになったため延期された
• ソーラールーフ：新しいGoogleプロジェクト
• Googleはついに赤いナビゲーションリンクを青いリンクに置き換えました
• Googleニュースでさらに7つの言語を接続
• Googleハングアウトは別のサイトになりました
• ドイツでは、FacebookまたはInstagramのレストランからの食べ物の写真を訴えることができます
• ソーシャルネットワークのロシアの視聴者はモバイルに行く
• Foursquareの登録ユーザーが6,000万人を超える

おもしろい

• 最初のポッドキャストは何でしたか
• 写真とビデオ：Boston Dynamicsロボットが奇妙なことをする
• 「ラリーとセルゲイは100年先のGoogleの将来を計画しています」：共同創業者の考え方に関する会社の元従業員
• アナリストは、ソーシャルメディアの視聴者の4年以上の年齢について話しました
• ある日、Viber Minskオフィスで
• Amazonの舞台裏：アルゴリズムによる倉庫の管理方法
• 便利なオンラインデートの作り方
• Apple車について私たちは何を知っていますか
• Uberの浮き沈みの簡単な歴史
• ソーラーパネルのみを搭載した世界初の空港
• ハイパーループの輸送システムは現実に近づいています
• MITは溶融ガラス印刷とガラス製品を示しました
• ガラス用の3Dプリンターはどのように機能しますか？
• Googleは、情報の削除に関する情報を削除する義務を負っています
• 自伝を書くアプリケーションの概念

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

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