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

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

ウェブ開発

• サンドボックスからAngular JSモジュールの依存グラフを作成する例を使用してgulpプラグインを作成する
• DUMP 2015カンファレンス：開催方法
• さまざまなプログラミング言語の開発者の間でのダーティハックの人気の評価
• テストに座る ：4つのCSS、HTML、およびJSテスト
• パフォーマンスブックマークレット -ページのパフォーマンスを分析するブックマークレット
• Microsoft Presents Edge Dev-新しい開発者ブログ
• モバイルサイトと レスポンシブ-Googleのアルゴリズム更新の翌日
• アクセシビリティのためのコーディングと設計（ アクセシビリティのためのコーディングと設計の概要）
• SVG要素の変換に関するAna Tudorの最も詳細な記事
• SVGをアクセス可能にする
• Microsoft Visual Studio Code：リリース7日後のミニレビュー
• フォームフィールド：知らなかったクロスブラウザーの問題（フォーム入力：知らなかったブラウザーサポートの問題）
• 驚くべき、素晴らしい、そして有用なデータ属性 （Epic、Awesome＆Supremely Use Data Attribute）
• Bazel -Google編集ツール
• Facebook PathPicker
• TV機能がWebテクノロジーを使用する方法（TV機能がWebテクノロジーを活用する方法）
• Fluent Conference 2015のビデオ：Webプラットフォーム
• HTML5を使用してSublime、Vim、およびEmacsのライバルを構築する方法-Zef Hemel）
• Snapsvgを使用したアニメーションパターン
• Webツール：
  
  • icons8.com/responsive-icons-レスポンシブデザインのようなものですが、アイコン専用です。サイズによってサイズが異なります。 Icons8は、50種類の無料のレスポンシブアイコンのライブラリと、レスポンシブアイコンを作成する無料のユーティリティをリリースしました。
  • HTML Arrows Generator
  • User Persona Creator
  • CodeBeautify-多数の形式と言語をサポートするツールキット
  • Playcanvasエディター
  
  

CSS

• レスポンシブデザインの3つの災害とその回避方法
• レスポンシブデザイン+アイコンフォント=アダプティブアイコン
• フレックスボックスでビルド
• Flexboxのクロスブラウズバグを整理する 。 css-live.ruコミュニティによる クロスブラウザFlexboxバグの正規化の 記事の翻訳
• フィボナッチフレックスボックスコンポーザー
• Sassピクセルアート
• モバイルファーストメディアクエリの概要
• ビデオ：Sassの入手、インストール、検証
• CSSのみを使用したCSSスプライトシートアニメーション
• 便利なSassスニペット
• マスタリングCSS：BEMおよびITCSS （マスタリングCSS：BEMおよびITCSS）
• CSS Animateインターフェース （Val HeadによるCSSを使用してUIを動作させる-イベント別ビデオ）
• 今後のMaterial Design CSSライブラリは、Twitter Bootstrapのキラーですか？
• 短いビデオ：実行中の定量的表現 （ビデオ：実行中の数量クエリ）
• CSS3プログレスバーの作成方法）
• CSSフィルター効果
• 混乱を作成せずにSassで拡張する
• マルクス-新しいスタイリッシュなCSSリセット。
• FormHack -SASSのフォームのスタイルをリセット
• きちんとした入門-セマンティックSassグリッド
• 少ない：ブートストラップ不純物ライブラリの基本だけではありません （以下：ブートストラップミックスインライブラリの基本を超えて）
• 2015年に使用する上位5つの材料設計フレームワーク（2015年に使用する上位5つの材料設計フレームワーク）
• ランダムグラデーションジェネレーター（CSS）

Javascript

• ES6以降。 第1章：ES？ 現在と未来
• Piwikでのjsエラーのログ記録（Googleアナリティクスに類似）
• Node.js JavaScriptサーバープラットフォームのフォーク、io.js 2.0をリリース
• JavaScriptで関数がネイティブかどうかを判断する方法
• 非同期JavaScript。 過去、現在、未来。
• underlineJSを使用した楽しいデモ
• AngularJSの死（ AngularJSの死）
• AngularJS開発者の最もよくある18の間違い
• AngularJSの学習に最適なリソース（ AngularJSの学習に最適な20のリソース）
• キーワードAngular2 （Angular 2のコアコンセプト）
• ES6：機能のテスト（ ES6：テストによる機能 ）
• Bootstruct - NodeJS用の構造関連ルーター
• JavaScriptを使用したWebアニメーション：テキストのアニメーション化
• TypeScriptを使用したスケーラブルなWebアプリケーションの作成 （ TypeScriptを使用した大規模なWebアプリケーションの構築）
• Bloomberg Brisket-同形JSを使用してSPAを作成するためのフレームワーク
• React.jsの方法：Immutable.jsを使用したFluxアーキテクチャ（React.jsの方法：Immutable.jsを使用したFluxアーキテクチャ）
• Reactの不変性
• Ember Hearth -Emberプロジェクト管理アプリケーション
• jquerymy.js-複雑な双方向のリアルタイムデータバインディング用の軽量jQueryプラグイン
• CamanJSを使用したWebページの画像処理 （CamanJSを使用したWebページの画像の操作）
• Clusterize.jsは、行に表示される大量のデータをすばやく表示するためのプラグイン、またはテーブル/リスト内の既存のマークアップを使用するためのプラグインです。
• expand.js -80以上の要素と350以上のユーティリティ関数のライブラリ
• JSVerify-強力で表現力豊かなテストを作成する
• ジェレミーアシュケナストランスポーター蜂起 （コードジェニウス-ジェレミーアシュケナスによるトランスパイラーの台頭）
• ノードの未来-Rod Vagg （ノードの未来-Rod Vagg）

ブラウザ

• MozillaはFirefox用アドオンのバイナリコンポーネントのサポートを停止します
• Firefoxの新機能は安全なサイトでのみ機能します
• Microsoft Edgeブラウザーはクローズドソースになります
• Asm.jsをChakraおよびMicrosoft Edgeに追加（Asm.jsをChakraおよびMicrosoft Edgeに追加 ）
• ブラウザ市場の動向2015：MicrosoftはEdgeで取り戻すことができますか？ （ブラウザの動向2015年5月：Microsoftはエッジを取り戻すことができますか？）
• ハードウェアデコードを備えた高性能ビデオ
• Browserhacks -CSSおよびJavaScriptのブラウザーハッキングの拡大リスト

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

• Flickrサービスの重要な変更：モバイルおよびWebバージョンの再設計、検索エンジンの改善
• インタラクティブな万華鏡の背景
• nclud.com -ncludは新しいデザインと異常な効果でサイトを更新しました
• 写真とウェブサイトのコンセプト
• protectwise.comは、かわいいアニメーション効果でいっぱいのサイトです
• jozefmetelka.com-面白いアニメーションのサイクリストサイト
• インターネットアーカイブの再設計
• smallstudio.com.au-アニメーションとカスタム構造を持つサイト
• ksize.be-素敵なグラフィックと視差効果のあるサイト
• vtcreative.fr-アニメーションを含む1ページのスクロールサイト
• avenirclinic.com-素敵なアニメーションのサイト

設計

• ランディングページデザインの作成
• 9驚くほど人気のUX神話
• Webデザインのモニターのビュー
• ブラウザーとPhotoshopでのデザイン開発：長所と短所
• あなたのインスピレーションのためのキリル文字体裁。
• パターンの設計：2015年のこれまでの最大のWebトレンド
• プロフェッショナルWebタイポグラフィ
• デザイナーと開発者：屋根の下に （デザイナーと開発者：もはや家は分割されていない）
• Adobe Creative Cloudの無料の代替品
• インフォグラフィック： Photoshopの歴史
• 現代のミニマリズムは正しい選択です
• UXについての5つのとんでもない一般的な誤解
• UXデザインの神話の破壊：ユーザーエクスペリエンスに関する7つの誤解
• InDesignでシンプルなベクターグラフィックスを作成 （クイックヒント：Adobe InDesignでシンプルなベクターグラフィックスを作成）
• CorelDRAWでメッシュ塗りつぶしツールを使用する方法
• インスピレーションのための素晴らしいフォントの組み合わせ（ インスピレーションのための 15の素晴らしいフォントの組み合わせ）
• アンディによる最も人気のある写真 （非常に忙しいアンディ）

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

• 無料の名刺テンプレート
• クリエイティブデザイナーの写真テーブルを作成するための3つの背景を持つ70以上のモックアップと要素 （Creative Scene Generator Free）
• Adobe Illustrator用無料ファイル （ Adobe Illustrator用無料 .AIおよび.EPSファイル）
• レスポンシブWebデザインのモックアップ（ レスポンシブWebデザインを紹介する15のモックアップ）
• 5月のベストUIキット（23のベスト無料UIキット-2015年5月版）
• PSD形式のWebサイトテンプレートのリリースが可能 （23の無料Photoshop PSD Webサイトテンプレート-2015年5月版）
• Smashiconsアイコンセット（Smashiconsは、世界最大の究極のスマートな最高のなめらかなアイコンセットです）
• 2015年春のアイコンセット （40最高の無料アイコンセット、2015年春）
• El Capitan手書きフォント （El Capitan：手描きフォント）
• Didactic -serifフォント

ニュース

• YandexはYandex.Kit Androidファームウェアプロジェクトを閉じ、 島での実験を完了しました
• MicrosoftはWindowsの開発を停止しました。新しいバージョンはありません。
• 公式：Oculus Riftヘルメットの一般向けバージョンは2016年初頭にリリースされます。
• Googleは、10か国で生成された検索クエリの数によって、スマートフォンがデスクトップコンピューターをバイパスしたことを発見しました
• Windows 9が出なかったのはなぜですか？ ジョー・ベルフィオーレは、自分のTシャツにバイナリコードで答えを示唆しました
• Office 2016 Public Previewは誰でも利用できます
• GoogleがPageSpeedを終了
• Google I / O 2015に期待すること：Android Mとウェアラブルエレクトロニクス
• Googleでは、検索結果から地図をブックマークできます
• GoogleがDartの高性能Androidアプリケーション開発ツールを開発
• FacebookがサードパーティのInternet.orgプラットフォームを開始
• Appleは無料のSpotifyを殺し、Tidalを倒す予定

おもしろい

• 仕事をして報酬を受け取らない方法：Googleは空いている従業員に支払いを行い、競合他社に行かないようにします
• Dizzy with Success：Apple Watchレビュー
• ハイテクの歴史：最初のソビエトコンピューターが作成された方法
• Googleで仕事をする方法と価値があるか
• Tesla Powerwallなど：初期のバッテリー革命を期待すべきですか？
• テスラのホームバッテリーと電気自動車メーカーの未来：ジャーナリストと専門家の意見
• Apple、Google、Adobe、Microsoftでのインタビューからの10の数学および論理タスク
• プラネタリウム

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

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