Web開発およびITの世界からの興味深い資料のダイジェスト、先週第174（2015年8月23〜30日）

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

ウェブ開発

CSS

Javascript

ブラウザ

設計

ニュース

おもしろい

ウェブ開発

• HTTPプロトコルで適切に動作することに関する15の些細な事実
• CSS / SVG / JS＃1の美しいエフェクトの毎週の編集
• 小さな お子様 向けのスタイルガイド （ SC5スタイルガイドの Varya ）
• 私たちが知っているインターネットはハックで構築されています
• 6 Chrome DevToolsのヒント
• ウェブサイトを高速化する5つのツール）
• コンテナにしっかりと収まるSVGシェイプの動作の詳細な調査 （タイトフィッティングSVGシェイプ、現在と未来）
• Galen Framework -UIレスポンシブサイトをテストするためのツール
• blockquote、cite、およびqタグの使用方法 （言い換えると、blockquote、cite、およびq要素の使用）
• Webコンポーネントはどうなりましたか？ （Webコンポーネントはどうなりましたか？）
• TutSet -WebデザインおよびWeb開発チュートリアルの選択
• Bootstrap 4の新機能（ Bootstrap 4の新機能）
• Web開発者が犯す10のよくある間違い
• レスポンシブ画像101、パート9：画像のブレークポイント

CSS

• PostCSSの使用方法
• 17000行のCSSをリファクタリングする方法
• 漸進的改善に関する架空の対話 （記事css-live.ru による漸進的強化に関する架空の会話の翻訳）
• クリティカルCSSの概念： パート1 、 パート2
• CSSセンタリング：完全なガイド
• PostCSS 5.0 、最新リリース、プロジェクト史上最大
• フレックスボックスとは何ですか？
• チェックボックスとラジオボタンのスタイル設定のためのCSSとSVG
• CSSをリファクタリングする必要がある理由
• CSSを使用したレイアウトの未来：グリッドレイアウト （CSSを使用したレイアウトの未来：グリッドレイアウト）
• ブレンドモードを使用して画像の芸術的なエッジを作成する （ ブレンドモードを使用した画像境界の改善）
• CSS CSS Transitionsチートシート
• Writ-容認できるHTMLを作成するための最小限のスタイルのセット
• 変換を使用した斜体テキストの効果
• Webタイポグラフィを制御するCSSプロパティ
• Sassの@ error、@ warn、および@debug ディレクティブの使用（Sassの@ error、@ warn、および@debugディレクティブの使用）
• ビデオ： CSSアニメーションパフォーマンスの確認
• 未来のCSS -WDCNZ 2015ラウンドテーブルビデオ

Javascript

• requestIdleCallbackを使用して 、ダウンタイム中にタスクを実行できる新しい生産的なAPI
• ES6：
  
  • ES6：テンプレート文字列
  • ES6の詳細 ：未来（ES6の詳細：未来）
  • ES6テンプレート文字列の詳細
  
  
• フレームワーク
  
  • 一般的なJavaScriptフレームワークを使用してWeb用のUIコンポーネントを作成する （最新のJavaScriptフレームワークを使用したコンポーネントベースのWeb UIの構築）
  • Angular 1と​​Angular 2の統合：シームレスなアップグレードへの道
  • ngMessagesを使用したAngularJSでの簡単なフォーム検証
  • Ember.jsにすばやくアクセスするための10のステップ
  • ウォッチ： Reactでの条件付きレンダリング
  
  
• JavaScriptを使用してYouTubeを制御する方法
• セキュリティホールJS-Minifayerエラーの作成 （ミニファイアーバグを使用したJavaScriptのバックドア）
• 依存関係のない18行のコードでクロックを作成 （依存関係のない18行のJavaScriptでクロックを作成 ）
• MEANスタックの概要 （MongoDB、Express、AngularJS、Node.js）
• 20行のJavaScriptでのWebRTCビデオチャット（パート1）（20行のJavaScriptでのWebRTCビデオチャット（パート1））
• Javascript WYSIWYGエディター （Javascript WYSIWYGエディター）
• gulp-licenser-プロジェクトファイルの著作権を自動的に追加および更新できるgulp-plugin。
• 画像を遅延読み込みするためのシンプルなテクニック （Simple Image Lazy Load and Fade）
• プラグインとライブラリ：
  
  • enquire.jsビューの紹介（enquire.jsの紹介）
  • Tune.jsデモ -ミニピアノ
  • algebra.js -JavaScriptで代数方程式を作成、表示、解決します
  • randexp.js-与えられた正規表現によって生成されたランダムな文字列ジェネレーター
  • jQuery lightgallery V1.2.0-適応性を備えたポップアップウィンドウでギャラリーを作成するための新しいプラグイン
  • ResizeEnd-ブラウザウィンドウのサイズが変更されたときに発生するjQueryイベントを追加する
  • スマートテーブルスクロール -膨大な数の行がある非常に高速なスクロールテーブル
  • wallop-ページ上のすべてを表示/非表示にする小さな4kbライブラリ
  
  

ブラウザ

• Microsoft Edgeがブックマークを嫌うのはなぜですか？
• FirefoxはChrome、Opera、Edgeのようになります
• Chromeは、バックグラウンドタブでのビデオとサウンドの自動再生を停止し、 9月1日からデフォルトでFlashバナーの表示を停止します
• Microsoft Edgeレビュー：Windowsに最終的に良いブラウザがあります
• 世界中のモバイルブラウジング
• Windows 10でのブラウザーのパフォーマンスの比較：Edgeと IE対 クロム
• Firefox 40： JavaScriptパフォーマンスなどのプロファイリング（Firefox 40：JavaScriptパフォーマンスなどのプロファイリング）
• 開発者向けFirefox 42 （Developer Edition 42：Wifiデバッグ、Win10、マルチプロセスFirefox、ReactJSツールなど）
• Microsoftは、HTML、JavaScript、およびCSSを使用してオープンソースのブラウザーを作成しました
• iOS 9でコンテンツをブロックするとモバイルWebが変更されます：既に試してみました （iOS 9コンテンツのブロックによりモバイルWebが変わります：試しました）

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

• これはクソサイトです。
• ディスカバリーは、バーチャルリアリティ向けのビデオを備えたウェブサイトを立ち上げました
• weareroyale.com-面白い背景ビデオと豊富なアニメーションを備えたサイト
• coralie - castot.fr-カスタム設計およびダウンロード効果のあるサイト
• nerval.ch-クリエイティブポートフォリオサイト
• bowhead.tailsandwhales.com-スクロールアニメーションの垂直プロモーションサイト

設計

• Webデザインで空きスペースを効果的に使用する方法は？
• 今日のリンク：Tinderでフォントの完璧な組み合わせを見つける
• PhotoshopとIllustratorで80年代スタイルの背景を描く
• 読み込みの実験-どれくらい待つか
• レスポンシブネスはWebデザインゲームの終わりですか？ （Webデザインのエンドゲームに応答します）
• ゼロUI-インターフェースの未来
• ホームボタンに対するインターフェイスケース（ホームボタンに対するUXケース）
• 食品包装デザインの成功の秘Secret
• デザイナーが問題を解決する10の方法（デザイナーが問題を解決する10の方法）
• 1937年から2015年までの雑誌の表紙の進化（雑誌の表紙の進化）
• Flinto for Mac-インタラクティブプロトタイプツール
• Sketchでのスタイルガイドの作成 （Sketchアプリを使用した便利なスタイルガイドの生成）
• 図面から線を削除する方法：図面をデジタル絵画に変換する（図面から線を削除する方法：図面をデジタル絵画に変換する）
• HTMLメールニュースレターのデザインのタイポグラフィパターン
• 誰もがすばやく読むことができるフォント （ 誰もがインスタントスピードリーダーに変わる書体）
• ツールキットに必要な6つのユニークな幾何学的フォント
• Font Flame-フォントペア
• SVG PORN -SVG形式のロゴ
• 時間の幻想
• キャンペーンWebサイトの最高のページが存在しない場合）

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

• デザイン用のUIキット
• Android Material Designを使用したUIキット（Android Material Design UIキット-無料ダウンロード）
• スケッチ用iOS 9 GUI
• アプリケーションアイコンセット（65以上のアプリケーションアイコンセット無料＆プレミアムが必要）
• Webサイトのアウトラインアイコンのセット （景品：Webサイトアイコンセット（36アイコン、AI、EPS＆PSD））
• ハック -ソースコードを書くために設計されたフォント

ニュース

• Appleは1580億ドルの価値を失った
• GoogleとYandexの広告ネットワークはHTML5を支持してフラッシュバナーを放棄し 、 Amazonはフラッシュ広告を拒否した
• Instagramは正方形の写真とビデオのバインドを解除します
• Facebookの毎日の視聴者は最初に10億人を超えました
• GoogleがライバルのTwitchを開始-ストリーミングゲームのYouTubeゲーム
• Microsoft：Windows 10は7,500万台のコンピューターにインストールされています
• Dropboxのエンジニアが新しいロスレスビデオおよび画像圧縮アルゴリズムを発表
• Yandexは、マップサービスのパノラマ画像のデータベースにメジャーアップデートを導入しました
• Googleは、ロシアを含む45か国でマップメーカーを開始しました
• Linuxカーネルは24歳です
• ハイパーループの建設は来年から始まります

おもしろい

• メディアは、新しいCEOのSundar Pichaiとの意見の相違により、Google Nowの従業員の大規模な退任について学びました。
• Googleが従業員に教え込む5つの価値-元IT大手従業員の話
• オランダの開発者は、電波と信号を視覚化するアプリケーションを作成しました
• 米国では、365日間続く火星への飛行をシミュレートする実験を開始しました
• NASAはインターネットユーザーを招待して火星に名前を送信します
• Medium.comの作成方法について

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

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