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

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

ウェブ開発

CSS

Javascript

ブラウザ

設計

無料のクッキー

ニュース

おもしろい

ウェブ開発

• HTMLおよびJavaScriptのパフォーマンスのヒント
• WebPでグラフィックを最適化する
• 電子メールのイースターエッグは、会社が会議に注意を引くのにどのように役立ちましたか （翻訳）
• キャンバスに深く浸る
• サイトのパフォーマンスを操作する
• Artyom SapeginによるWeb開発者へのインタビューに関するメモ
• 「ウェブ上のマトリョーシカ。」 フレームワークMatreshka.jsの開発者へのインタビュー
• ページをスクロールして画像を描画する（スクロール描画）
• JavaScript開発者向けの崇高なテキストプラグイン
• レスポンシブデザインでは不十分であり、レスポンシブパフォーマンスが必要
• 「abc」を正しく取得する 。 Web開発者がアルファベットのサイトコードを詳細に解析する
• 水効果でテキストの塗りつぶしを作成する
• パフォーマンスアップデート＃2：Electric Boogaloo 。 サイトパフォーマンスの最適化結果の分析
• GitHubでキュレーションされた（リストの）リストの決定的なリスト）
• GitHubは新しいデスクトップアプリケーションを起動します
• コードの書き方を学びたい人のために （だからあなたはコードの書き方を学びたい）
• オレンジ-新しい青：Chrome拡張機能をFirefox拡張機能に移植する方法 。 4front Meetup＃8を使用したレポート
• Responsive day Outからの12本のビデオ
• テルアビブYou Gotta Love Frontend Conferenceのビデオ

CSS

• CSSアニメーションの粉砕
• BEMIT：ハリー・ロバーツによるBEM開発の次のステップ
• Windows 10で境界線半径をレンダリングするとグリッチが発生する
• 皆さんがPostCSSについて学ぶ時が来ました。 それは本当に何ですか？ そして、それは何のためですか？
• クロスブラウザーHTMLページ：なぜreset.cssとnormalize.cssが必要なのか
• CSS背景画像を使用してレスポンシブ画像を作成する簡単な方法
• CSSとJavaScript間のタスクの分散
• 重要なCSSの理解の詳細
• Gulpを使用してクリティカルパスCSSを自動化する
• LibSassとAutoprefixerでワークフローを高速化（LibSassとAutoprefixerでワークフローを高速化）
• 前処理と後処理の混乱を解消する
• CSS入力モダリティの提案
• WebKit開発者が背景フィルターを導入
• 18のFlexbox学習リソース（ Flexbox学習のための18の優れたリソース）
• Angular Fx-Angularのエフェクトとアニメーションのセット （要素のAngular CSS3アニメーションとエフェクト。）
• Sassでエラーを伴うエラーメッセージ出力を使用する（Sassで責任を持ってエラーを使用する）

Javascript

• ユニバーサルジャバスクリプト
• JavaScriptとタイムゾーン-サイトの適切な時間
• ReactとReduxを使用した同形アプリケーション
• Object.definePropertyとObject.observe
• JSフレームワークの長寿（またはその欠如）（JavaScriptフレームワークの長寿（またはその欠如））
• ES6：
  
  • JavaScript ES6クラスの概要
  • Babelは、ES6での書き込みを開始するための本格的な使用に十分ですか?? （ES6で記述できるように、バベルは深刻な使用に十分であるか？）
  • ES6の詳細：モジュール （ES6の詳細 ：モジュール）
  • Riddle ES6 （ES6の難問）
  
  
• フレームワーク
  
  • Relay -Reactでデータ駆動型アプリケーションを作成するためのFacebookの新しいフレームワーク
  • Belle-優れたUXを備えたカスタムReactコンポーネント
  • Ember.js 2.0がリリースされ 、 io.js / node.jsはバージョン1.0ですぐにリリースされます （4.0は新しい1.0です）
  • 最初のEmber 2.0アプリを作成する：認証からAPIの呼び出しまで
  • なじみのないAngularJSコードをデバッグするためのヒントとコツ
  • Angular 2テンプレート構文の説明-パート1
  • AngularJS 2-A Glance Into the Future-スイスJS 2015のGion Kunzレポート
  
  
• Netflix.comの高速化について（ユニバーサルJavaScript、レンダリングパイプラインからJavaを削除） （Netflix.comの高速化）
• JavaScript ASTでの作業
• 単純なJSモジュールを書く理由（プレーンなJavaScriptモジュールを書く理由）
• JS用語：知っておくべき10の用語（JavaScript用語：知っておくべき10の用語）
• JSのクライアントエラー状態 （クライアント側JavaScriptエラーの状態）
• 組合のjavascript状態
• 最新のJavaScript開発者に不可欠なツールとライブラリ
• JavaScriptデバッグのヒントとコツ
• ダミーの場合は.bind（）（ダミーの場合は.bind（） ）
• Flowでより良いJavaScriptを書く
• プラグインとライブラリ：
  
  • jQuery Video Extend-HTML5ビデオプレーヤー機能の強化
  • immu-不変データで構造を作成するための小さなライブラリ
  • basket.jsでロード時間を短縮する方法 （ basket.jsでロード時間を改善する方法）
  • Peaks.js：ブラウザーでのオーディオ波形レンダリング
  • canvid -HTML5キャンバスで短いビデオを再生するためのライブラリ
  • touchpoint-js-クリックとタッチイベントを視覚化するためのライブラリ
  • frameSync-サイト/ iframe間のクロスドキュメントonLoad同期のためのクロスブラウザソリューション
  
  

ブラウザ

• Firefoxは署名なしで拡張機能をインストールする機能を無効にします
• Firefox 40リリース
• 2008年から2015年までのブラウザ市場
• Operaブラウザ開発者は会社を売却するつもりです
• ChromeチームのCake for the Edgeチーム
• 今後のV8エンジンの改善 （点火：V8インタープリター）

設計

• リンク：成功した色の組み合わせの更新されたリストを参照してください
• UIデザイン：人間の記憶の限界
• デザイナーはiOSでダイナミックアイコンの概念を提案しました
• NASAが宇宙飛行士向けの最高のスマートウォッチインターフェースの競争を発表
• Webデザインの心に強く訴えるミニマリズム。
• フォントの作成方法に関する究極のガイド
• UXデザイナーが知る必要がある3つのアニメーションテクニック（UXデザイナーが知る必要がある3つのアニメーションテクニック）
• 色対コントラスト：より多くの変換をもたらします
• Webデザインの10の死のトレンド
• ハンバーガーメニューアイコンが機能しない
• ハンバーガーメニューはデスクトップサイトでも機能しますか？ （ハンバーガーメニューはデスクトップサイトでも機能しますか？）
• 目の監視：クリック間のギャップを追跡する方法（および理由） （アイトラッキング：クリック間のギャップを監視する方法（および理由））
• 子供向けのWebインターフェイスの設計
• Webデザインでミニマリズムを最大限に活用します （ Webデザインでミニマリズムを最大限に活用します）
• あなたのウェブサイトが専門的でないように見えるトップ10の間違い
• Webサイトですべてビデオを使用する必要がある理由
• Webサイトの再設計のための4つの研究手法
• Adobe Stockで適切な写真を選択するための7つのヒント （ストック画像の選択から推測作業を行うための7つのヒント）
• Sketchを使用する必要がありますか？ それが問題です （スケッチするか、スケッチしないか？）
• 生産性を向上させるPhotoshopマスターからの7つのヒント （ 生産性を高めるPhotoshopマスターの7つ​​のヒント ）
• Adobe Photoshopで1層のレトロなテキスト効果を作成する
• PhotoshopでクールなIron Manポスターをゼロから作成する （ Photoshopでゼロから見事なIron Manファンアートを作成する）
• Illustrator CS5で氷を入れたウイスキーのイラストを作成する （Adobe Illustrator CS5を使用して岩の上にベクターウイスキーを作成する）

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

• 無料のレトロな写真
• あなたのデザインの色付きのフラットアイコン。
• Photoshopのアクション（最高の無料Photoshopアクション）
• レトロバッジ（30種類の無料のレトロバッジを無料でダウンロードできます）
• 等尺性オフィススペース （3D等尺性の世界） を作成するためのベクター画像のセット
• モバイルUIキット（次のプロジェクトに最適な35以上の無料モバイルアプリUIキット）
• パッケージデザインのモックアップ（ パッケージデザインをモックアップする33個の無料のPSD）
• ベクター背景 （25の創造的な多角形の図の景品をダウンロード）
• 多角形のジオメトリイラスト（25の創造的な多角形のイラストの景品をダウンロード）
• PSDランディングページテンプレート （DIFF Psdランディングページ）
• ジェスチャーアイコンパック（18以上の最新の無料タッチジェスチャーアイコンパック）
• Prestashopアイコンセット （無料ダウンロード：Prestashop公式アイコンパック）
• WiFiおよび無線信号アイコン （36個の無料のベクターアイコン：WIFI接続アイコン）
• 1行で描かれたアイコン （1行-無料のスタートアップアイコン）
• 財団アイコンフォント
• 新しい業界-「産業」サンセリフフォント
• 北極-現代のスラブフォント （北極||無料書体）

ニュース

• アルファベット
  
  • Googleは新しい持株アルファベットの一部になります
  • ロシアと西洋のIT専門家がGoogleをアルファベットホールディングに変えたときの反応
  • 中国は立ち上げ直後にGoogleの保有サイトをブロックしました
  • 基本に戻り、それを超えてください。 Googleが再び検索される理由
  • Googleを率いたSundar Pichaiは誰ですか
  • Googleが名前を変更したのはなぜですか？
  • Googleがアルファベットの一部になった理由
  • アルファベットの作成は、絶対にラリーペイジのスタイルの動きです。
  • MicrosoftはGoogleの新しいドメインabc.wtfについて冗談を言った
  
  
• Mozは2015年にGoogleの最も重要なランキング要素を挙げました
• Googleモバイルフレンドリーアルゴリズムを更新した結果、トラフィックが最小のサイトが勝ちました
• MicrosoftはWindows 10のアクティベーションメカニズムを変更しました。現在、機器のステータスはクラウドに保存されており、ライセンスキーは過去のものです
• GoogleがAndroidデバイス向けのオープンソースデモサイトを開始
• Twitterがアーカイブ検索APIを開始
• Twitterはプライベートメッセージの長さをキャンセルしました
• ロイター、カスペルスキーが偽のマルウェアを作成したと非難
• VKontakteがマーケティング部門を解散
• Odnoklassnikiはグループビデオチャンネルを開始しました

おもしろい

• 最初のコンピューターウイルスは何でしたか
• Facebookはソーシャルネットワークの「ハハ」とLOLの統計について話した
• ダラークラブ：ムスク、ブリン、ザッカーバーグ、その他の名目給与で働くIT起業家
• Secret Gossipアプリの作者が燃え尽きて億万長者になった経緯
• マインドマップとは何ですか？
• 「すべてを美しく行う」：コンピューターチューナーとしての最初の1か月で学べること
• 新しいWindowsで何が危険ですか？
• 自撮りが最も手頃な心理療法になった方法
• スタートアップが彼に提示されるとき、投資家は何を考えますか
• 駐輪場、カフェ、市役所：イノポリスの300人の住民が電報で街を管理する方法
• 「スカーフ」と「マインスイーパ」の本当の目的は何ですか
• Appleは会社の女性エンジニアの割合について話した
• 機械の進化：ケンブリッジは他のロボットを作成するロボットを作成し、世代ごとに改善しました
• 自己開発ロボットが作成されました
• 偉大な性格の神話：歴史における仮面と仕事の役割
• howdns.works 。 DNSの仕組み

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

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