先週の第160号（2015年5月11〜17日）におけるWeb開発とITの世界からの興味深い資料のダイジェスト

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

ウェブ開発

• 標準セレクションの輝きと貧困
• 文字のレイアウトに漸進的改善を使用する方法
• SVGを使用する場合のメモリリーク
• アクセシビリティが最重要：アクセシブルなWordPressテーマを作成する方法
• 神々のように梱包します （Webpackについて）
• すべてのプログラマーが避けるべき9つのアンチパターン （すべてのプログラマーが認識すべき9つのアンチパターン）
• wwwhereは、ウェブサイトを作成している人々に役立つリンクの厳選されたリストです
• WURFL Image Tailorを使用したレスポンシブイメージ（WURFL Image Tailorを使用したレスポンシブイメージ）
• node-prelaunch-プロジェクトニュースにサブスクライブするためのフォームを含むプロジェクトの事前起動ページを作成するための準備
• Foundationでアダプティブメガメニューを作成する （ Foundationでレスポンシブメガメニューを構築する）
• SVGをアクセス可能にする
• SVGの一般的な落とし穴を回避するためのヒントSVGの基本的なトラップを回避するためのヒントby Sara Soueidan
• Webtorrentapp -Project MaelstromなどのトレントからWebアプリケーションを実行できますが、プラグインや別のブラウザーは必要ありません。
• HTMLとCSSを学習する初心者はどのような間違いをしますか（研究：初心者はHTMLとCSSを学習するときにどのようなエラーを起こすのですか？）
• あなたの知識をテストするための15の HTML質問
• HTMLメールで画像を使用する
• レスポンシブ画像の紹介（DrupalJamのブルース・ローソン ）
• レトロスペクティブモバイルファースト
• ARIA 1.0の役割の周期表
• 2つの行為における悲劇（Codepen版）
• デモ：
  
  • タイプドラマー
  • フライトシミュレーター （WebGL）
  • バブルレイアウト
  
  

CSS

• スプライトのベクター置換-SVGをCSSに埋め込みます
• Sassに役立つスニペット
• CSS3後の生活：CSSの新機能... 1？
• CSSの過去、現在、未来に関するエリック・マイヤー
• Stylecowは、CSSブラウザーのサポートを改善するための新しいポストプロセッサーです。ベンダープレフィックスの追加、マイナーなバグ修正、ポリフィル生成などが含まれます。
• 機能的なCSSタブの再考
• Webでのピクセルアートの爆発
• ネストされたコンポーネント
• CSSブレンドモードでの自動テキストコントラスト
• テキストレンダリング：optimizeLegibilityは退廃的で、ひねくれています （退廃的でpr落しています）
• Flex-BoxとSassのある生活
• CSS At-Rules（CSS）
• Clip-Pathを使用してレスポンシブシェイプを作成し、そのまま使用する
• より少ない色でより多くの色 （より少ない色でより多くの色）
• Sassの基本：@ -rules and Directives
• 心に強く訴えるテキストスタイルとホバー効果

Javascript

• ベートーベンをJavascriptで記述するか、MIDI.jsについて少し説明します。
• JavaScriptの3つの機能
• Node.jsおよびio.jsプロジェクトは、Node Foundationの後援の下でマージされます 。 Io.jsとNode.jsは合併に向かっています
• Reactを味わう
• GoogleによるJavaScriptのインデックス作成方法：テスト結果
• 20でのJavaScriptのプレゼンテーション（ 20でのJavaScript ）
• JavaScriptの再紹介（JSチュートリアル）
• SassからJavaScriptへのデータ転送を簡単にするライブラリ： （ SassからJavaScriptへのデータの受け渡し：sass-to-js）
• WarriorJS -JSとAIの学習を目的としたJSで作成されたゲーム（JavaScriptと人工知能を学習するためにJavaScriptで作成されたゲーム）
• 最近のリリース： Backbone.js 1.2.0 、 polymer 0.9 、 Ember.js 1.12および1.13 Beta
• JSループの最適化
• Nathansレッスン -JSチュートリアル
• Javascript Scopeクイズ -JS知識テスト
• JSプログラマーの仕事を評価する方法は？ 5つの質問を使用していますか？ （5つの質問だけでJavaScriptプログラマーをどのように判断しますか？）
• TypeScript入門（ TypeScript入門）
• ES6の詳細：テンプレート文字列
• ES機能テスト （ES6 +）
• JSプロジェクトのチェックリストが必要な理由 （JavaScriptプロジェクトのチェックリストが必要な理由）
• JavaScriptを使用して地理空間マップと高度なマップを作成する
• Angular 2開発者プレビューの開始（ Angular 2開発者プレビューの開始）
• 最初のAngular 2アプリの作成：認証からAPIの呼び出しまで、そしてその間のすべて
• Ember 2.0への詳細な移行
• ラジウム -React Style Management
• Maple.js -Reactを使用したWebコンポーネント
• Reactを使用してネイティブアプリケーションを作成する （ Reactを使用してネイティブに移行する 、概要）
• jQueryをD3に置き換える（ jQueryをD3に置き換える）
• ブラウザ用のJavaScript HTTPライブラリの比較
• Vorlon.jsの概要： JavaScriptコードをリモートでデバッグするための使用方法（Vorlon.jsの紹介：JavaScriptをリモートでデバッグするための使用方法）
• Watermark.js-画像に透かしを追加するプラグイン
• fakeIndexedDB-メモリ内のJSでのIndexedDB APIの実装
• ReadRemaining.js-ページのスクロール時に資料を読むのにかかる時間を計算するプラグイン

ブラウザ

• Firefox 38リリース 、 開発者向けの技術的な詳細
• マルチプロセスをサポートするFirefox Developer Edition 40がリリースされました
• パナソニックがFirefox OSを搭載した最初のテレビをリリース
• Microsoftは、Edgeがこれまでに作成された中で最も安全なブラウザになる理由を述べた
• Chrome 42：プッシュAPI、アプリインストールバナーと取得（Chromeの新機能-Ep 42） （Chrome 42：プッシュAPI、アプリインストールバナーと取得（Chromeの新機能-Ep 42））
• トレインスポッティング：Firefox 38

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

• Wolframはウェブサイトを立ち上げ、写真に写っているものを言っています
• BBCは、人の生涯における世界の変化を示すWebサイトを立ち上げました
• 1ページのレストランサイト
• その他の市場：カナダで最も人気のある10のローカルサイト
• 無料で使用できる高品質の写真があるサイト
• work.co-アニメーションとカスタムページ遷移を備えたWebサイト
• www.werkstatt.fr/#/home-洗練されたデザインと多くのトランジション効果とスクロールアニメーションを備えたウェブサイトデザインスタジオポートフォリオ
• strml.net-開発者がリアルタイムで作成するサイト
• 黒と白のウェブデザイン。
• エラーページの改善-404、500および一時ページを作成するためのサービス

設計

• フードデザインダイジェスト、2015年4月
• Googleのマテリアルデザイン仕様の翻訳された4つのセクション： タイポグラフィ 、 レイアウト：原則 、 レイアウト：単位とサイズ 、 レイアウト：メトリックと輪郭 。 翻訳は、コミュニティによって行われますcss-live.ru
• デザイナーと開発者の間の相互作用を改善する3つの方法
• Facebook Design Directorによると、今後10年間の10のデザイントレンド
• 手と足のプリントブラシを作成する
• 民族スタイルのイラスト。
• 「Artemy Lebedev Studio」はスタラヤ・ルッサのロゴを掲載しました
• アーティストは、3D描画をすばやく作成する方法を示しました
• ロゴの再設計について知っておくべきこと（ロゴの再設計について知っておくべきこと）
• ストーリーテリングとインタラクションで訪問者を引き付ける（ストーリーテリングとインタラクション：訪問者を引き付ける）
• インフォグラフィック：Photoshopの歴史 （インフォグラフィック：Photoshopの歴史）
• 404クリエイティブページ （インスピレーションを与えるための404エラーページの20のクリエイティブな例）
• 内部設計：Netflix（内部設計：Netflix）
• Facebook Visual Identity 2012–2013
• アニメーションのタイミングのガイドライン
• 技術におけるデザインの未来
• インターフェイスインベントリの実施
• UXデザインの機能アニメーション
• Pixateチュートリアル＃1：フライアウトメニューの作成
• マテリアルデザインのスケッチ（マテリアルデザインのスケッチ）
• Photoshop vs. Sketch：最もクリーンなHTML / CSSの戦い
• Photoshop UIデザイナーの完全なガイド。 （UIデザイナーとしてPhotoshopを使用するための決定的なガイド。）
• 設計ツールの現状 ：非科学的調査
• Adobe Illustratorでフラットデザインのロール寿司アイコンセットを作成する方法
• 悪いUXが良くなるとき
• kolor.moro.es-デザイナー向けのゲーム、できるだけ早く色を推測する

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

• Photoshop用の無料のテクスチャブラシ
• ヨガのデザインの無料クリップアート
• さまざまなデバイスでデザインをデモンストレーションするためのPSDモックアップ （無料：デザイン作業を紹介する素晴らしいデバイスモックアップ）
• UI8によるApple Watch UIキット
• クレジットカードデザインのモックアップ（28以上の無料クレジットカードモックアップPSDテンプレート）
• ブラウザー内でデザインをデモンストレーションするためのモックアップ （12+無料のブラウザーモックアップPSD）
• PSD for iPhoneのアプリデザインテンプレート （景品PSD：iOS 8 Fashion Store iPhoneアプリUI）
• icons8のレスポンシブアイコンのセット （無料ダウンロード：icons8で30個のレスポンシブアイコン）
• あなたのデザインのための10の品質の無料フラットアイコンセット
• 面白いアイコンのセット （Happycons-40の幸せでユニークなアイコン）
• ランダムスタッフアイコンセット （ランダムスタッフフリーアイコンセット ）
• 神経エネルギー -装飾的な手書きフォント
• 2015年夏のベストフォント （ 2015年夏のベストフリーフォント94）

ニュース

• 「Phantom」Googleアルゴリズムの更新は多くのサイトに影響します
• Windows 10は7バージョンで利用可能になります
• マイクロソフトは、海賊版OSのWindows 10へのアップグレードの状況を明らかにしました
• WindowsのモバイルバージョンはWindows Mobileと呼ばれます
• マイクロソフトはスムーズなビデオアプリケーションをリリースしました
• ハイテク企業が率いる世界で最も豊かなブランドのランキング
• Wolfram Alphaが画像認識検索エンジンを開始
• ノキアが人員削減を発表
• VKontakteは合法的なビデオ交換を開始します
• テレグラムは1日あたり20億メッセージに到達
• 機能「インスタント記事」による主要な出版物の資料の公開がFacebookで開始されました
• Googleはマップメーカーを停止しました

おもしろい

• ルノホッドから好奇心へ：地球外ビークルの進化
• マーベルユニバース：創造からウルトロンの時代まで
• 世界のeスポーツにはどれくらいのお金があり、誰がそれを作っていますか
• ゲームの利点と危険性：Zuckerberg、Mask、その他の有名なITビジネスマンの見解
• スティーブン・ホーキング：一世紀の間、コンピューターは人々に勝つ
• 夏のGoogle自動運転車がカリフォルニアの道路に登場
• IBMの科学者は、シリコンフォトニクスの商用実装を加速する突破口を作りました

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

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