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

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

ウェブ開発

CSS

Javascript

ブラウザ

設計

ニュース

おもしろい

ウェブ開発

• WebPを正しく取得する
• ポッドキャストWeb標準。 問題10
• 「これが私のコードです」と多くのオフィスワーカーが考えています。 そうでもない。
• 2016年9月に予定されているHTML5.1リリース
• AMP by Example-ライブコードのサンプルを使用した高速モバイルページの紹介。 既にAMP HTMLを使用しているプロジェクトのリスト -NY Times、Guardian、Twitter、LinkedIn、その他多数
• クイックヒント：JadeまたはPHPを使用してAMPのインラインCSSを簡単にする
• Microsoft Edge Web Summit 2016でのエントリの報告
• 2016年Edge Web Summitのアーロンガスタフソンノート
• Instagramには食べ物の写真だけでなく、優れた技術的なブログもあることをご存知ですか？ 使用方法とパフォーマンスに関する最新の注意事項はこちら （Instagramのパフォーマンスと使用方法）
• 最適なCDNソリューションを見つけるためのチェックリスト
• Browserifyの開始 （Browserifyの開始）
• カスタムHTML要素のセマンティクス（カスタム要素セマンティクス）
• MediaRecorderを使用してブラウザのほぼすべてを記録します
• キーボードでアクセス可能なウェブサイトの原則
• シンプルでアクセス可能なWebフォームを作成する
• クイックヒント：FigureとFigcaptionの要素を使用する正しい方法
• ASP.NETでFoundation 6を使用（ASP.NET CoreでFoundation 6を使用）
• SVGを使用してアクセス可能なアイコンを作成するプロセス （ アクセス可能なアイコンの SVGワークフロー）
• SVGでの矢印の作成 （ SVGでの矢印の作成 ）
• WebAssemblyに移植されたUnityゲーム、Angry Botsの実験的なデモ。
• CSS / SVG / JS＃32の美しいエフェクトの毎週の編集

CSS

• PostCSSに関する4つの神話 。 PostCSS Mythbusting：4つのPostCSS Myths Busted Translation
• flexboxのほぼ完全なガイド（flexbox自体なし） 。 フレックスボックス（フレックスボックスなし）記事の翻訳に関するほぼ完全なガイド
• CSS回帰テストの自動化 。 CSS回帰テストの翻訳の自動化
• シールの例に関するCSSセレクターの基本 。 Cats翻訳を使用した基本的なCSSセレクター構文の説明
• CSSモジュールとは何ですか、なぜ必要なのですか？ （CSSモジュールとは何ですか、なぜ必要なのですか？）
• 「CSSハック」とは何ですか？ （「CSSハック」の定義は何ですか？）
• Reactを使用したモジュラーCSS（ Reactを使用したモジュラーCSS）
• 絵文字：U + 1F355から[公開時にHabrエディターがカットする絵文字アイコン]に移動する方法
• HTML / CSS：Z軸の冒険
• iOS Safariとシュリンクフィットの問題
• CSSの16個のUnixルール（ CSSの16個のUnixルール）
• CSSの未来 。 CSSの奇妙で混乱しているが、刺激的な時間について。 （将来のCSS）
• カウンターインクリメントのある純粋なCSSゲーム（+ html）（カウンターインクリメントのある純粋なCSSゲーム）
• CSS変換とその視点
• CSS背景画像のSVGの色付け
• 単一責任の原則を使用していますか？ （独身ですか？）
• カーソルをCSSで変更してUXを改善する（または楽しい） （ユーザーエクスペリエンスを向上させる（または楽しい）ためにカーソルをCSSで変更する）
• Sass Me-SASSカラー関数を視覚化 （Sass Me-コンパイルせずにリアルタイムでSASSカラー関数を視覚化）

Javascript

• 最近のリリース： React v15.0 、 Node v5.10.0（安定版） 、 Release Grunt 1.0.0
• ロックスターJavascriptになった経緯 （JavaScriptロックスターになった経緯）
• Vanilla JavaScriptでWebコンポーネントを使用する
• 例を通して説明されたデバウンスとスロットル
• Firefox開発ツールでJavaScriptのパフォーマンスを最適化する
• Javascriptデザインパターンのチートシートでは、jqueryを使用していくつかの例を示しています。
• JavaScriptを実践して学習するためのツール（実行することでJavaScriptを学習するためのツール ）
• ハイパーモジュラーJavaScriptの防衛
• JavaScriptの主要なデバッグ戦略に関する調査
• ストリーミングテンプレートリテラル
• JavaScriptの4種類のメモリリークとそれらを取り除く方法
• モジュラーシステムの概要：CommonJS vs AMD vs ES2015 （JavaScript Module Systems Showdown：CommonJS vs AMD vs ES2015）
• Javascriptのデバッグ手法 -Spacedojo Code Kata Screencast
• 2レイアウトを高速化するJavaScript関数
• ES5 / ES6：
  
  • ES5 JavaScriptガイド
  • 内部からのプロキシ 。 css-live.ruは、ES6でのNicholas Bevacquaのサイクルの翻訳を続けています
  • ES6クラス
  • ES2016の新しい言語機能：Array.prototype.includes
  • ES6モジュールのダウンロード：思っているよりも複雑です （ES6モジュールのロード：思っているよりも複雑です）
  • ES6を絞る （ES6簡潔に）
  
  
• フレームワーク
  
  • Angular 2 Beta、ヒーローズツアーチュートリアルパート1
  • Reactの世界へようこそ
  • Reactを備えた機能的フロントエンド（Reactを備えた機能的フロントエンド）
  • BabelでReactのパフォーマンスを改善する
  • ReactJSを学習するためのリソースの選択
  • ReactおよびAuth0を使用した単純な認証 （React認証はAuth0を使用すると簡単です）
  • RailsとAngularを使用したプロジェクトでの Reactへの移行（レガシーRailsとAngularアプリでのReactへの移行）
  • モバイルアプリにReact Nativeを考慮する必要がある理由
  • 6か月の開発の後、Angular 2でプロジェクトを開始しました
  • 2016年3月のベストAngularJS学習リソース
  • Angular 2スタイルガイド
  
  
• プラグイン
  
  • Coloor- base64コードに小さなバージョンの画像を追加し、遅延読み込み時に呼び出すHTMLプリプロセッサ
  • atrament.js -HTML Canvasで描画するための小さなJSライブラリ
  • InlineTweet.js-ページ上の任意のテキストからツイートリンクを作成できます。
  • object-fit-images -IE9、IE10、IE11、Edge、およびその他の古いブラウザーの画像のオブジェクト適合サポートを追加するためのポリファイル
  • glio.js-ユーザーがマウスをサイトの外に移動するタイミングを決定します
  
  

ブラウザ

• EdgeHTML問題トラッカー 。 マイクロソフトのパブリックバグトラッカー
• Microsoft Edge Web Summit 2016：マイクロソフトがMacおよびLinux用のRemoteEdgeを発表
• MicrosoftはMicrosoft Edgeの新機能を示しました
• Microsoft Edgeは、フラッシュコンテンツを賢く使用して生産性を高め、エネルギーを節約します
• モダンクラシック-ブラウザーVivaldi 1.0
• FirefoxはWidevine CDMに切り替わり、DRMで保護されたビデオを再生します
• 従来のOSユーザーには、Chromeの更新を停止するというメッセージが間もなく表示されます
• 2016年4月のブラウザトレンド：Samsung Rises（2016年4月のブラウザトレンド：Samsungの急増）
• ブラウザがあなたについて知っていることについて

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

• bulldogyoga.com-興味深い効果のある垂直スクロールサイト
• nextrembrandt.com-レンブラントの絵画専用のオンラインサイト
• Sweet Magnolia-グラフィックデザインに重点を置いたスタイリッシュな概念的なウェブサイト
• airforce.com-米国空軍の最新の垂直スクロールサイト
• bolden.nl-興味深い効果のあるスタイリッシュな概念サイト
• madeinhaus.com-ページに高度なインタラクティブ効果を備えたサイト
• 数字によるセックス -特定のデザインのテーマサイト
• GUIBENTO.COM-スクロール時の異常なアニメーション効果

設計

• フードデザインダイジェスト、2016年3月
• DPI、ピクセル、Retina：デバイス画面の配置方法
• サイトの再設計と作り直し：3つの失敗とそれらを回避する方法
• 優れた設計の5つの反原則
• Basecamp Designer：「“いインターフェイスが好き」
• Adobe Photoshop、Affinity Designer、Sketch 3-インターフェース設計の素晴らしいトリオ
• フレーマーとスケッチ：思いやりのあるプロトタイピング
• iOS用の色、タイポグラフィ、レイアウトの作成方法
• シンプルさが良い （シンプルが良い！）
• マイクロインタラクションとは （ マイクロインタラクションとは？）
• なぜugい汚いインターフェースが好きなのか-そしておそらくあなたも。 （なぜIい、乱雑なインターフェイスが好きなのか-そしておそらくあなたもそうするでしょう）
• スペース-Googleの新しいデザインコンセプト
• ボリウッド風ポスターをデザインしてヒンドゥー教の新年を祝う方法（ヒンドゥー教の新年）
• 世界のアーティスト：インドネシア （国際アーティスト特集：インドネシア）
• あなたのサイトは「セルラー」テストに合格していますか？ （あなたのサイトはハニカムテストに合格していますか？）
• ユーザーへの最高のメッセージの収集 （Just Good Copy）
• チャットバブルに穴を開けて申し訳ありません （[チャット]バブルを破裂して申し訳ありません）
• UXプロトタイピングの初心者向けガイド
• 色の簡単なWeb開発者ガイド
• Adobe Fuseの使用方法 （Adobe Fuseの使用方法）
• スケッチ、イラストレーター、花火？ 新しいUIデザインアプリを開きます：Gravit
• ゼインのようなソラリゼーション：超現実的な白黒ポートレートのためのデジタルサバティエ効果
• Triangulart-アイソメ図を描くためのシンプルなエディター
• 2016年3月のTypewolfのお気に入りのサイトの背景にある文字体裁の詳細）
• 東京2020オリンピックのロゴコンテストのファイナリストが発表しました （東京2020オリンピックは最終候補のロゴデザインを発表します）
• エレトレによる夏樹の新しいロゴとアイデンティティ：ムーンショット（エレトレによる夏樹の新しいロゴとアイデンティティ：ムーンショット）
• HPは「新しい」ロゴを導入しました （HP は「新しい」ロゴを発表します）
• HPの新しいロゴは、使用したことがない素晴らしいロゴです
• ロゴの博物館：線を引く（博物館のロゴ：線を引く）

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

• 紙のテクスチャ （130以上の無料の紙のテクスチャ）
• 背景としてよく見える無料の写真
• 抽象的な背景を持つ画像のセット （無料の抽象的な背景画像、メガバンドルおよびリソース）
• ハリウッドのシーンはモックアップになりました （Hollywood Mockuuups）
• クールな主演の鳥のパターン
• 無料のバイクのテーマのベクトル
• 新鮮な無料のモックアップファイル
• アウトラインのアイコンセット：モノのインターネット（FREEBIE：モノのインターネットストロークアイコンセット）
• モノグラムフォントセット （25以上のエレガントなデザインの無料モノグラムフォント）
• 主に装飾的なフォントのパッキング （16個のフリーフォントバンドル-Web Design Freebies List-＃16）

ニュースと面白い

• SpaceX Elon Muskが初めて、海の浮遊プラットフォームにFalcon 9の第1ステージを上陸させました。
• Windows 10は15％に近づいています：世界中で2億7000万人以上のユーザー
• FBIはiPhone 5s以降をハックできない
• VKontakteとWarner Music Groupは、音楽コンテンツの使用に関する法廷外合意を締結
• ロビオは損失を被る
• UbuntuでBashを使用したWindows 10 Insider Preview Build 14316が利用可能になりました
• Mediumは、サイトを管理する新しい方法を提供することにより、WordPressの成功を目指しています
• WSJ：Jobsの下のAppleは米国当局のためにiPhoneをハッキングし、最近ではTim Cookの下で問題になった
• プログラミングスキルが仕事を節約しない理由
• まあ、書き終わった、SF？
• サムスンはスマートフォン用のアイリススキャナーをテストしています
• フォトギャラリー：シリコンバレーの新興開発者とデザイナーの住む場所
• Photoshopの代わりにニューラルネットワーク
• MITは、固体、柔軟、液体材料から同時にロボットを印刷しました
• 愛好家がChromecastを1978年のチューブテレビに接続

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

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