Web開発およびITの世界からの興味深い資料のダイジェスト、先週第153号（2015年3月22日から29日）

役に立つリソース、興味深い資料、ITニュースへのリンクを含むセレクションをご紹介します。 今日はわずかに削減されたバージョンです。

ウェブ開発

• 動的なWebページの更新
• TARS、フロントエンドルーチンレベル0％を実行
• 良い点：Webプロジェクトレイアウトの品質を評価するための基準をどのように作成したか （HTML Academy）
• ウェブの破壊をやめる
• Chris KoyerがWeb生産性のチャンピオンになるための戦略を共有しています （ css-live.ru translation）
• アートノード
• SDCastポッドキャスト＃22 ：フロントエンドMail.ru開発マネージャーの訪問、Andrey Sumin
• 明確な言葉と例によるクライアントキャッシングの基本。 最終変更、Etag、期限切れ、キャッシュ制御：max-ageおよびその他のヘッダー
• 画像フォーマット：Nerdy Parts 画像形式の説明スライド
• SVGおよびGSAP を使用した「ジャンプローダー」アニメーションの作成
• モバイルSEO：モバイルフレンドリーWebサイトへの6ステップ（モバイルSEO：モバイルフレンドリーWebサイトへの6ステップ）
• DevToolsによる高度なパフォーマンス監査
• Webデザインのコマンドライン： ライブリロードとBrowserSync 、 Gulpによる 自動化、Gruntによる自動化

CSS

• CSSエリアを使用した見事なレスポンシブレイアウト
• CSSマスキング
• CSSを改善する8つのルール
• Primer-GitHubで使用されるCSSツールキットとソリューションキット。 （GitHubを強化するCSSツールキットとガイドライン）
• 純粋なCSSを作成するためのヒント （クリーンなCSSの作成とリファクタリング）
• CSS生成コンテンツのアクセシビリティサポート
• フレームワーク開発をシンプルでバグフリーに保つ方法
• BEMコンストラクター -不変で名前空間付きのBEMスタイルのCSSオブジェクトを構築するためのSassライブラリ
• CSS変数の概要
• CSSとSnap.svgを使用したSVGアニメーション
• 数値入力-ブラウザのデフォルトの比較
• インライン要素のCSSボックスモデルについて
• CSS3ボーダー画像の説明
• レスポンシブタイポグラフィーの厳格な制御
• PhantomCSS、PhantomJS、CasperJS、GruntによるCSSテスト
• Aesthetic Sass 1：アーキテクチャとスタイルの整理
• pureのアニメーションおよびデモ用のスニペットのコレクション（CSS Pure CSS Animation Snippets＆Demosのコレクション）
• メディアクエリを超えて-Elementalを取得する時が来ました
• CSSのバックグラウンドポジショニングのニュアンスを解析する詳細な記事 （CSSのバックグラウンドポジショニング入門）
• Mappy Breakpoints -Sass Mapsを使用するバックポイントのミックスイン
• CSSでテキスト選択を無効にする （ CSSでテキスト選択を無効にする）

Javascript

• RadioJsポッドキャスト、問題＃20：エンジニアまたはEntwickler
• FacebookがReact Native FrameworkとNuclide開発環境を導入
• JavaScript国際化API：Firefoxの実装
• 検索エンジンによるajaxサイトのインデックス作成に関する別の記事
• 2015年のフロントエンド（js）開発者向けの基本的な知識セット （フロントエンド[JS]開発者向けのベースライン：2015）
• JSを使用したカスタムコンテキストメニューの作成 （JavaScriptを使用したカスタム右クリック（コンテキスト）メニューの構築）
• JavaScriptを使用した単純な継承
• JointJS-インタラクティブな図とグラフを作成するための最新のHTML5 JSライブラリ（図とグラフとの視覚化と相互作用のための最新のHTML 5 JavaScriptライブラリ）
• 5〜6-Addy OsmaniのECMAScript 6を操作するためのツールのリスト
• JavaScriptチャートライブラリを選択する際に考慮すべき13の要素
• シェーダーとはどういう意味ですか？ HTML5とWebGLでそれらを作成する方法（「シェーダー」とはどういう意味ですか？HTML5とWebGLでそれらを作成する方法）
• ネイティブのスムーズスクロール動作
• Chrome DevToolsの更新：Chromeでは、デバッグ中にインライン変数を表示する機能が追加されました （値を確認したり、サイドパネルを調べるためにそれらを指す必要はありません）
• DevToolsの別の更新：ネットワークパネルにフィルムストリップを記録する
• Responsible.js-サイト訪問者に、表示したいバージョンを選択するためのプラグイン-モバイルまたはデスクトップ
• Svidget.js： SVGウィジェットをビルドしてデプロイする
• BootstrapおよびAngularJSでChromeスタイルのタブを作成する
• Firefox 38のWebRTC：マルチストリームと再ネゴシエーション

ブラウザ

• Chromeデベロッパーツールについて知っておくべき15のヒントとコツ
• Yandex.Browser：未来のインターフェイスは現在ベータ版です
• さようならInternet Explorer：Microsoftブラウザーの簡単な歴史
• GoogleはPC向けChromeでトラフィックを節約するモードを静かに利用可能にしました

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

• デザイナーは、マーケティング、ウェブデザイン、プログラミングに関する短いGIFコースを含むウェブサイトを立ち上げました
• 1000.chromeexperiments.com
• mirumagency.com-背景ビデオとアニメーションを備えた垂直ウェブサイト
• ジャイロスコープ -最もクールなアニメーション効果のあるサイト
• bellbros.com-異常なスクロール効果と二股の男を持つサイト
• 高品質のグラフィックスと視差効果
• italic - studio.com-非標準のスクロールパスと効果を持つサイト

設計

• インターフェイスでデザイナーを悩ますもの
• デザイナーは、インターフェイスで不明瞭なアイコンを選択しました
• Webデザイナーと開発者の間のギャップを埋める3つの方法
• デザイナー向けのトップ5ゲーム
• インタラクションデザインの視覚的方向性に関する5つのルール
• タイポグラフィチートシート
• ブラウザでの設計と私の考え photoshopでのデザイン
• グラフィックデザイナーのための5つの効果的なテクニック
• Webアニメーションの原理
• ヴィンテージがトレンドに戻った：ベストレトロなウェブサイトのデザイン
• 別の傾向：中央レイアウト
• 最適なアイコンはテキストラベルです
• 2015年に作成された新しいフォント

おもしろい

• Googleマップの履歴
• マイクロソフトとサムスンがGoogleと提携
• MicrosoftはハードウェアをWindows 10にバインドしたいと考えています：UEFIセキュアブートの使用が必要になります
• NSA監視に対する西部のIT企業
• Skypeのブラウザーバージョンのテストが開始されました
• DARPAはGPSに代わるものを開発しています
• Pebble Timeウォッチがクラウドファンディングの絶対的な記録保持者に
• バイオハッカーが暗視の最初の注射を実施

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

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