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

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

ウェブ開発

CSS

Javascript

ブラウザ

設計

ニュース

おもしろい

ウェブ開発

• Visual Studio Code 1.0の最初のバージョン-シンプルなエディターから強力なツールへのパス
• JSCS、CST、および新たな始まり 、 JSCSはESLintと提携
• 効果的なHTMLフォーム。 パート1
• Addy Osmaniからの新しいダイジェスト「Issue 4」： オフラインバッジ、DevTools、テスト、Travis、Webストレージ、Service Worker Scope、データ駆動型開発、Compute Engine
• まったく新しいツールのヒントブログビデオのヒント： Webページのテスト（S3 Mini Tip＃3）
• devicePixelRatio （デスクトップ上のResponsive images-x mess）のあいまいな動作によるレスポンシブ画像の操作の混乱に関するPPK
• リンクとアクセシビリティ
• Gulp （HTML電子メールを構築するためのGulpワークフロー）を使用してHTML電子メールテンプレートを作成するプロセス
• 2016年に行われているようなメールテンプレートの作成 （2016年のようなメールニュースレターの作成 ）
• 最も単純な構成ビルドツール（Zero-Config Javascriptビルドツール）
• Webフォントの読み込みパターン
• 見えないものの美学
• phenomic -Reactコンポーネントを使用した静的サイトのジェネレーター
• ブラウザーでニューラルネットワークを作成する （Neural Network Right Here）
• 360度の製品ビューアー（360度の製品ビューアー）の作成
• flickrは、オープンソースで順序付けられた画像を使用してレイアウトを投稿しました （flickr：Our Justified Layout Goes Open Source）
• 壮大なウェブ：
  
  • CSS / SVG / JS＃32の美しいエフェクトの毎週の編集
  • インタラクティブ3Dモールマップ
  • 動的なSVGタイマーの作成
  • クリエイティブローダー
  • three.jsを使用したテキストの創造的な効果
  
  

CSS

• 2016年3月22日にサンクトペテルブルクで開催された会議PiterCSS No. 2のビデオ。
• CSSで正しく@apply （ネイティブCSSミックスイン）（CSS @applyルール（ネイティブCSSミックスイン））
• Webflow：フレックスボックスを備えた新しいビジュアルサイトおよびモジュールビルダー
• Flexboxインタラクティブゲームチュートリアル
• CSSモジュールの使用を開始する方法
• オートフィルとミニマックスを備えた柔軟なサイズのグリッド
• 未来からのCSS：バニラCSSはいつプリプロセッサを置き換えるのに十分なのでしょうか？ （将来のCSS：Sass、Less、Stylus、その他を置き換えるのに十分なバニラCSSはいつ頃になるでしょうか？）
• imagehover.css-画像用のクリエイティブなホバー効果のセットを持つライブラリ
• HåkonWium Lie（CSSクリエイター）へのインタビュー（HåkonWium Lieへのインタビュー）

Javascript

• 非同期JavaScriptの進化
• Three.JSを使用したブラウザーでの3D
• Javascriptによる別の種類の疲労 （別の種類のJavaScript疲労）
• JS開発がクレイジーな理由（Javascript開発がクレイジーな理由）
• JavaScriptでの適切なエラー処理のガイド
• JavaScriptモジュールをWebプラットフォームに追加する
• JavaScriptのプロトタイププロパティを理解する
• JavaScriptモジュールの理解：バンドルとトランスパイリング
• AppCacheを置き換えるサービスワーカー：ナットを割る大ハンマー
• ミニオンを使用したJavaScriptコールバックの説明
• Webpack-紛らわしい部品
• サルサのレビュー-Visual Studio 15の新しいJavaScriptサービス （サルサのプレビュー-Visual Studio“ 15”の新しいJavaScript言語サービス）
• ES / ES7
  
  • ECMAScript仕様に新しい言語機能を導入するためのTC39プロセス
  • ES6：内部からのプロキシトラップ
  • ES6のベストノード、パート1 （ ES6のベストノード、パート I）
  • ES6の新しい矢印機能（ ES6の新しい矢印機能！）
  • ES6キャラクター：ドラムロールしてください！ （ES6シンボル：Drumroll Please！）
  • ES6の構造化パラメータとデフォルトパラメータ
  • ES6のプロミスツリー（ES6のプロミスツリー ）
  
  
• フレームワーク
  
  • Angular 2 Beta、ヒーローズツアーチュートリアルパート2
  • 実際の反応：並べ替えとデータ取得アプリケーション
  • 角度対反応、いくつかの驚くべき傾向
  • Reactアプリケーションのパフォーマンスの最適化
  • Rx.jsの開始：はじめに
  • 15分で反応-[パート 1/3 ] （ 15分で反応-Reactjsチュートリアル-[パート1/3]-Codepen.io）
  • ReactとJSXを始めましょう
  • レッスン： Redux Powered Reactアプリケーションを構築しましょう
  • Beauty of React Native：JavaScriptを使用した最初のiOSアプリの構築（パート1）（The Beauty of React Native：JavaScriptを使用した最初のiOSアプリの構築（パート1））
  • React CDK（コンポーネント開発キット）に挨拶
  • NodeとAngularを使用した単一ページTodoアプリの作成
  
  
• JavaScript Entity Graph -JavaScriptデータ用のメモリ内グラフデータベース。
• Webベースのメディアプレーヤーのアクセシビリティ比較表
• FapfapJS-DIY愛好家のための手動JSフレームワーク
• webpack-validator
• Iframify -DOM要素をiframeバージョンに置き換えます

ブラウザ

• Project Tofino-Mozillaの新しいブラウザ
• Chrome Web Browserリリース50
• Windows XPおよびVistaユーザーはGoogle Chromeの更新を失います
• パスワードのない世界：Microsoft EdgeのWindows Hello
• SkypeはプラグインなしでWeb上で動作するようになりましたが、Edgeを使用する場合のみです

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

• plane - site.com-反復間の異常な3次元遷移を持つサイト
• andy - hook.co.uk-視差とアニメーション効果のある素敵なサイト
• austin - weight.com-非標準のホバー効果を持つサイト
• nurturedigital-スタイリッシュなスクロール効果とタイポグラフィアニメーションに重点を置いた素晴らしいポートフォリオ
• 伝説のNBAプレーヤーであるコービーブライアントが作成したすべてのショット、すべて30,699 （コービーブライアントがこれまでに撮影したすべてのショット。それらのすべての30,699）
• ポーランドで作られたサイト

設計

• モバイルUXデザインの9つの一般的なバグ
• モバイルUXデザインのアニメーションについて
• 初心者およびインターフェイスデザイナー向けのGit
• Adobe XD、トムクルチャへのインタビュー
• モバイルUX設計における間違っているが一般的なソリューション
• 初心者デザイナーへの公開書簡
• フォントの組み合わせについて愚かな気持ちを止める （フォントのペアリングについて愚かな気持ちを止める）
• Webデザインにおける色の心理学
• 忍者猫： Windows用の新しい絵文字 （忍者猫：Windows専用の絵文字）
• Instagramストア統合コンセプト （Instagramで製品を購入できたらどうでしょう？）
• あなたはデザイナーのように戦う（You Fight Like a Designer）
• 設計の事実
• 素晴らしいパッケージとラベルをデザインするための10のヒントデザインのヒント
• スマートフォンでクリエイティブな写真を撮るための6つの実用的なハック（スマートフォンでクリエイティブな写真を撮るための6つの実用的なハック）
• ユーザー（およびその他の悪魔のTra）の目を引く方法
• スケッチ3.7および新しいシンボル （スケッチ3.7および新しいシンボル）
• オンライン Photoshopの代替（9最高の無料Photoshop代替オンライン）
• 60秒で説明されるAdobe Photoshopアクション
• デザイン2016：イラストの年？ （デザイン2016：イラストの年？）
• ほとんど何でもできる（パートI） （ ほとんど何でもできる Pt。I）
• ロゴデザインの光学補正
• レスポンシブWebサイトのロゴデザイン
• Tokyo 2020のファイナリストロゴのショートリスト （Tokyo 2020ロゴのショートリストが明らかにされました）
• 特定の会社名のロゴジェネレーター
• マークサイモンソン、プロキシマノヴァによって作成されたリビングレジェンド （マークサイモンソン、プロキシマノヴァの背後にあるリビングレジェンド）
• PS Fournier： StéphaneElbazによるフランスの現代タイポグラフィ時代へのオマージュ
• チャーリーローズ-テレビ番組のタイポグラフィアイデンティティ
• Googleフォントの組み合わせの一致（タイポグラフィ：Googleフォントの組み合わせ）

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

• 並べ替えられたピクセルの効果を作成するためのPhotoshopアクション-グリッチアート （グリッチアートを作成するための無料のピクセル並べ替えPhotoshopアクション）
• ランディングページテンプレート（iPhoneモックアップを使用）（無料のランディングページテンプレート（iPhoneモックアップを使用））
• Mocap Samsung Galaxy S7（PSD） （無料のSamsung Galaxy S7モックアップ（PSD））
• ベクターモノグラム （56 Awesome Vector Monograms）
• 花のベクトルグラフィックス （景品：+60の素晴らしい花のベクトルリソース）
• 無料のベクターテーマ
• アイコンは、写真をテーマに設定します。 （写真アイコン-無料ダウンロード！）
• アイコン付きの200セット以上 （240+ Amazing Free Icons Sets）
• Webデザイナー向けに1,000個のアイコンを設定 （ Webデザイナー向けに 1000以上の無料Squidインクミニアイコンを入手）
• スケッチのGoogle Playアプリアイコン（景品：スケッチのGoogle Playアプリアイコン）
• レスポンシブオフィスアイコン（EPS、PDF、SVG、PNG）（景品：レスポンシブオフィスアイコン（EPS、PDF、SVG、PNG））
• 美しいセリフフォント （Typography Heaven：43 Free Serif Fonts to Dream of）
• Exan-3-未来的なミニマルなサンセリフフォント （Exan-3 //フリーフォント）
• Day Drunk：手書きフォント （Day Drunk：A Handwritten Font）

ニュース

• Googleは画像のタイトル属性にインデックスを付けます
• Telegramがボットプラットフォームの最初のメジャーアップグレードを発表
• Facebookがメッセンジャー向けのチャットボットプラットフォームを開始
• マイクロソフトは写真のキャプションを自動的に生成するサービスを開始しました
• Windows 10の死のブルースクリーンでは、エラーの原因をすばやく見つけるためにQRコードが表示されます
• Bash for Windows 10は、Linux用のグラフィックプログラムも実行します
• Googleは、「カレンダー」の自動スケジューラを使用して、人生の目標の時間を見つけるお手伝いをします
• Windows 10 Summer Update：保留中の変更のリスト
• Mark Zuckerbergは、追加機能を備えたFacebookの内部バージョンを示しました
• Facebookは仮想コンテンツを作成するSurround 360カメラを導入しました
• IABは、HTML5広告の​​最適性をチェックするメカニズムを開発しました
• パナマアーカイブは、WordPressとDrupalの穴を盗む可能性があります
• ニューラルネットワークは、イメージを考えることを学びました。

おもしろい

• CNN、ポンチョ、春：Facebook Messengerボットが利用可能に
• Apple vs FBI：146thシリーズ
• Oculus RiftとHTC Vive
• スティーブン・ホーキング、ユーリ・ミルナー、マーク・ザッカーバーグは、1億6100万km / hの速度でアルファ・ケンタウリにミニシップを送ります
• グラフェンと世界の技術革新
• 有名なIT巨人がどのように名前を付けた
• bashスクリプトのエラーにより、ホスティングプロバイダーのすべてのサーバーが完全にクリーンアップされました。
• イーロン・マスク、エリック・シュミット、ケビン・システムストロムなど、西洋のIT起業家の妻は何ですか
• 優れたIT企業の物語を収めた12冊の本
• スケーラブルなスタートアップを構築する必要はありません
• カルト外骨格が私たちの現実にどのように侵入したか
• エロン・マスク：スティーブ・ジョブズとレオナルド・ダ・ヴィンチの信者からの15の引用
• https://www.google.com/killer-robots.txt-Googleのイースターエッグ。Googleの創設者を殺さないようにターミネーターロボットを推奨しています。
• 古典的な絵画とプログラマー （Classic Programmer Paintings）

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

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