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

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

ウェブ開発

CSS

Javascript

ブラウザ

設計

ニュース

おもしろい

ウェブ開発

• 私は開発者ですが、それは私の情熱ではありません
• 手紙の作成について混乱している
• 10のよくある間違い初心者Web開発者
• WebアニメーションAPIガイド- パート3：複数のアニメーション 、 パート4：グループエフェクトとシリーズエフェクト
• 9月の新しいW3C
• パフォーマンスが重要な理由：時間の認識
• ウェブサイトをアクセシブルにする-盲目のアクセシビリティ専門家とのインタビュー（ウェブサイトのデザインをアクセシブルにする）
• ブラウザゲームを作成するためのベストチュートリアル（25 HTML5 Webブラウザゲームを開発するためのベストチュートリアル）
• 現在のHTMLメール開発ワークフロー
• Visual Studioエミュレーターを使用したモバイルデバイスでの WebGLおよびHTML5のデバッグ（ Visual Studioエミュレーターを使用した WebGLおよびHTML5モバイルエクスペリエンスのデバッグ）
• ポインタイベントがクロスブラウザタッチサポートを簡単にする方法
• RTL指向のサイトおよびアプリケーションの作成 （RTL対応のWebアプリとWebサイトの構築：パート1）
• 壮大なウェブ：
  
  • CSS / SVG / JS＃5の美しいエフェクトの毎週の編集
  • SVGモーダルウィンドウ
  • ラバランプ
  • 弾力性の進行状況インジケーター （Elastic Progress）
  • 他の時計で構成された純粋なCSSの時計
  • 壮観な視差のCSSブレンドの例
  • KeepOut-WebGLのゲーム （3Dダンジョンアドベンチャー）
  
  

CSS

• 裸のHTML / CSS ゲーム 、 CSS ゲーム。 パート2：StarCraft
• SCSS-Lintの開始
• CSS3後の生活：CSSの新機能... 1？
• 道楽と退廃的テキストレンダリング：optimizeLegibility
• モジュラーCSSおよびSassに関する一連の記事
• LESSの参照インポート（ちょっとクールです）
• PostCSSの詳細：知っておくべきこと（PostCSSの詳細：知っておくべきこと）
• スタイルシート -CSS記事の更新されたコレクション
• W3CはCSS Basic User Interface Module Level 4、CSS Text Module Level 4、CSS Round Display Level 1の最初の草案をリリースします
• CSSでの長い単語の処理
• ビデオ： ModernizrでCSSクラスを使用する（ウォッチ：Modernizr CSSクラスを使用する）
• フレックスボックスを使用した最新のWebレイアウト
• Smashing Magazineのモバイルナビゲーション：例 （Smashing Magazineのモバイルナビゲーション：ケーススタディ）
• タイプ範囲のCSSおよびJSフィールドを使用したクロスブラウザーの外観のカスタマイズ （CSSおよびJavaScriptを使用したクロスブラウザー範囲入力のカスタマイズ）
• ビデオ： grunt-contrib-watchを使用してSassをコンパイルする（ウォッチ：grunt-contrib-watchを使用してSassをコンパイルする）
• CSSのスタックコンテキスト： 仕組みと仕組み （CSSスタックコンテキスト：仕組みと仕組み）
• Shift.css -CSSアニメーションを作成するためのシンプルなフレームワーク
• テキストマスクの作成 （ノックアウトテキストの実行方法）
• Css Calcを使用するためのオプション

Javascript

• なぜVueなのか？
• Likely 2.0 -Ilya Birmanのソーシャルボタンをスタイリングするための更新されたプラグイン
• nginScriptの起動と先読み（nginScriptの起動と先読み）
• ECMAScriptはGitHubに移動します （ECMAScriptはGitHubに移動します）
• ES6：
  
  • モジュラーシステムECMAScript 2015（ES6）の微妙さ
  • JavaScript ES6 Arrow Functionsの概要
  • ES6ジェネレーターと非同期JavaScript
  • コーヒーではなくES6に書き込みます（ES6を作成し、コーヒーではありません）
  • Nicolas BevacquaによるES6に関する一連の記事の続き： ES6数学の追加 、 ES6オブジェクトの変更 、 ES6文字列（およびUnicode） 、 ES6配列拡張
  
  
• 約束：
  
  • JavaScript Promiseの初心者向けガイド
  • Promisees-冒険好きのためのPromise視覚化の遊び場
  • awesome-promises -JavaScript promiseのリソースのキュレーションリスト
  • Node.jsでの JavaScriptの約束（ Node.jsでの JavaScriptの約束）
  
  
• エンタープライズ開発者向けのプロJavaScriptコンセプト
• 白痴のためのJavaScriptエンジンのガイド
• JSのコンストラクター （JavaScriptコンストラクターの理解）
• 知らなかった便利なJavascriptデバッグのヒント
• 今日のWebで仮想現実を作成する方法 （ 今日のWebでVRを構築する方法）
• JSX、Flux、ES6、Webpackなしの純粋なReactを学習します （Raw Reactを学ぶ-JSX、Flux、ES6、Webpackなし...）
• 教訓：
  
  • ビデオループ：オープンソースJavaScriptライブラリの作成方法（ オープンソースJavaScriptライブラリの作成方法）
  • Famo.usとAngularを使用してモバイルアプリを作成します（ Famo.usとAngularを使用してモバイルアプリを作成します）
  • Web拡張機能を作成しましょう
  • Gmail JavaScript APIを使用してメールボックスを作成する （ Gmail JavaScript APIを使用して受信トレイをマスターする）
  • Sequence.jsを使用したアニメーション製品スライダーの作成
  
  
• JSCity-ナビゲーション可能な3D都市としてJavaScriptソースコードを視覚化）
• EnjoyHintによるヒントの作成（ EnjoyHintによるヒントの作成）
• queryl-複雑なオブジェクト検索を実行するクエリ言語（queryl-複雑なオブジェクト検索を実行するクエリ言語）
• LvivJS 2015のビデオ
• Nordic.js 2015のビデオ

ブラウザ

• 新しいOperaブランドに会う
• Firefox 41リリース 、 Web開発者向けの技術的詳細
• Firefox 43の新しいアニメーションツールのプレビュー
• ベータテストモードで利用可能な新しいFirefox 42
• Chromiumでの作業方法
• ORTC APIは既にMicrosoft Edgeで利用可能です
• Chrome、Firefox、Safari、Opera、Edge？ 主要なブラウザーの代替 （Chrome、Firefox、Safari、Opera、Edge？印象的なWebブラウザーの代替）

設計

• AppleがiOSで新しいSan Franciscoフォントを思いついて導入したのはなぜですか？
• ウェアラブルデバイスの5つの設計ルール
• 設計がアフリカにきれいな水をもたらすのにどのように役立つか
• 大気のビンテージ映画のポスター
• 2015年と2016年に知っておくべき6つのWebデザインのトレンド
• Photoshop用の便利なプラグインとツールのコレクション
• Webデザイナーだけが理解できる99のジョーク
• ネガティブに考えることが実際にWebデザインに適している理由
• タイポグラフィに勇敢に取り組むべきですか？ 氏に尋ねる ロボット
• すべてのWebデザインが退屈になりました （Webデザインは完全に退屈になりました）
• UIワイヤフレームを改善する3つのステップ
• カナダのWebデザイン （ カナダのWebデザインを紹介）
• Adobe Photoshopで生地に花柄をデザインする
• Spotifyモバイル：検討すべき経験
• 毎日ひどいものを作る理由
• スターバックスAndroidマテリアルデザイン
• フィードバックを使用するための2つのレッスン
• Operaブランドの新しいデザイン （新しいOperaブランドアイデンティティに会います）
• Facebookでのデザイン（ Facebookでのデザイン）
• 高速反復の技術（ 高速反復の技術）
• Web上でスレッドディスカッションを表示する方法
• 次のプロジェクトでマテリアルデザインを検討する必要がある理由）
• UX / UIからバイラル製品 （UX / UIでバイラル製品 ）
• ピクセルアートムービーシーン-Gustavo ViselnerとのQ＆A
• プロフェッショナルによるPhotoshopの作業を加速するための7つのヒント （ワークフローを高速化するための7つのPhotoshopマスターのヒント）
• Sketchを次のレベルに引き上げる7つの優れたプラグイン （Sketch App Powersをレベルアップするための7つの素晴らしいプラグイン）
• Sketch-Find-And-Replace -Sketch 3の検索と置換のためのプラグイン
• sketch-palettes -Sketchのカラーパレット
• Appleの新しいフォントの秘密-ニューサンフランシスコ （Appleの新しいサンフランシスコのフォントの秘密）

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

• 無料のテレビテクスチャ
• シームレスなアイコンパターン （景品：シームレスなアイコンパターン）
• 諸聖人の日のパターン （景品：10のハロウィーンパターンベクトル（AI、EPS＆JPG））
• ベスト名刺テンプレート2015（40+ベスト無料のPSD名刺テンプレート2015）
• 素敵なPSI UIキット-2015年9月 （27の素晴らしい無料PSD UIキット-2015年9月版）
• 2015年9月のポスターとチラシのモックアップ（21 種類の素晴らしい無料ポスター＆チラシモックアップ-2015年9月版）
• モバイルアプリ設定デザイン付きPSD （景品PSD：iOS 8ダークアプリ設定ビュー）
• さまざまなテーマのベクターグラフィックス（すべてのデザイナーがダウンロードすべき25の無料ベクターグラフィックス）
• ビジネス専用のベクター画像 （ダウンロード可能な28の無料ビジネスベクター）
• デザインのベクター画像 （ デザインで使用する30の無料アプリベクター）
• We Love SVGアイコンセット （We Love SVGは、UIデザイン用のオープンソースアイコンを提供しています）
• ホスティング専用のアイコンのセット。 サポート（AI、EPS、PSD、SVG、PNG） （景品：Webホスティングおよびテクニカルサポートアイコン（AI、EPS、PSD、SVG、PNG））
• Webデザイナー向けのアイコンセット（Webデザイナー向けの30の無料アイコンセット）
• 最も有名な場所のアイコン （世界のランドマーク：12個の無料アイコン）
• メジャー-サンセリフ装飾フォント
• Luzern -sans-serifフォント
• 最も人気のあるフォントの最高の無料代替品

ニュース

• JavaScriptはnginx httpサーバーに組み込まれています
• Skype Webは、Edgeブラウザーのプラグインなしで機能します
• Twitterは外部サイトのボタンのデザインを4年ぶりに更新しました
• Googleは新しいデータ圧縮アルゴリズムBrotliを導入しました
• Linuxを使用したMicrosoftの小説が強化されました
• マイクロソフトはBaiduと協力して、中国でWindows 10を宣伝しました
• Yandexです。18歳。
• Yandexは新しいデザインでAuto.ruを再起動しました
• 北米では無料のIPv4アドレスが不足しています
• Facebookが360度ビデオのサポートを開始

おもしろい

• プログラマーになった経緯。 サンクトペテルブルクのホームレスから6年後のシニア開発者への道
• 本当に必要な13のFacebookボタン（嫌い以外）
• 新規配信：FutureLearnの14の無料オンラインITおよびプログラミングコース
• 科学者はインターネットを介して2つの人間の脳を接続しました
• 映画館から生まれた6つのテクノロジー
• Microsoft OneDriveに代わる9つの人気のあるクラウドサービス
• 10要約：仮想現実
• 「すごい効果がすべてを決定する」：VKontakteのAliExpressについてのコミュニティの作成者は、オンラインストアからの珍しい商品でお金を稼ぐ
• 焦点が合っていない：デジタル時代における読書の変化
• Facebookヒット：自分にノーと言うことを学ぶ方法
• スタートアップの18の致命的なミス
• インターネットの歴史の中で5つの最大のハッカー攻撃
• AppleはCommandキーの⌘アイコンをどこで入手しましたか
• 1000年 GIF（1,000年GIF）

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

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