先週の第155号（2015年4月6日から12日）のWeb開発およびITの世界からの興味深い資料のダイジェスト

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

ウェブ開発

• SVGによるモーションブラーエフェクト
• 心配せずにFlashなしで生活を始める方法
• SVGパターンの小さな非自明性：不可視性変換の軌跡をたどる
• 旧SEO対 新しいSEO：検索エンジンのプロモーションへのアプローチがどのように変化したか（インフォグラフィック）
• ＃DUMP、セクション#FrontTalks、ビデオレポート。
• StackOverflowでの開発者調査2015の結果
• Googleモバイルフレンドリーアルゴリズムの変更の変更
• グリッド -メディアモダンを見て現代のコンテンツとデザインツール
• コディムカルーセル （シンプルにする：カルーセルのコーディング）
• WebコンテンツのセマンティックHTML
• フレームワークを学ばないでください。 アーキテクチャを学ぶ （フレームワークを学ぶのではなく、アーキテクチャを学ぶ）
• Gitの10年： Git Linus Torvaldsの作成者へのインタビュー（Gitの10年：Git Creator Linus Torvaldsのインタビュー）
• 新しいHTML5 WebメッセージングWeb標準、 SVG2の草案
• テストをサポートするアダプティブインターフェイスの開発 （レスポンシブインターフェイスデザインのビジュアルテスト駆動開発）
• Canvasを使用した半透明画像のサイズの縮小（Canvasを介した透明画像のサイズの縮小）
• 10分でChrome拡張機能を作成する方法
• Googleチャートを使用してWebサイトにタイムラインを追加する（Googleチャートを使用してWebサイトにタイムラインを追加する）
• WebGLの基礎
• WebGL GLSL Shader Editor-シェーダーを編集するためのクロムへの追加
• 壮大なウェブ：
  
  • ページはスライドパネルで半分に分割され、3Dのオープニング効果があります。 スタイラスとバニラJavaScriptを使用して作成。
  • 3D Bold Navigationは、1つのスライドを別のスライドに置き換えて内陸部の効果を高める興味深いナビゲーションコンセプトです。
  • Sara Soueidanのお気に入りのCodePenデモ
  
  

ウェブパフォーマンス

• パフォーマンスへの道 -新しいサイトパフォーマンスポッドキャスト（Tim KadlecとKatie Kovalcinがホスト）
• フォントのロード手法
• サブセットおよびローカルストレージでカスタムフォントを使用する場合のパフォーマンスの改善 （ サブセットおよびローカルストレージでのフォントパフォーマンスの改善）
• フォントイベントによるフォントの読み込みの高速化（ フォントイベントによるフォントの読み込みの高速化）
• ウェブサイトの速度を向上させるためのさらなる最適化手法

CSS

• 純粋なCSS3計算機
• CSSワークグループの春休み
• CSSの バックグラウンドポジショニングの 初心者向けガイド -css-live.ruコミュニティによる記事「CSSのバックグラウンドポジショニングの入門」の翻訳
• 「will-change」 について誰もあなたに語らないこと -css-live.ruコミュニティによる「will-change」についての記事「will-change」についての翻訳
• Flexbox CSS3のビデオチュートリアル： 1.実際のFlexBox 、 2。実際のFlexBox 3. FlexBoxのプロパティ 、 4。ブロックサイズの 管理
• Pure CSSのレスポンシブテーブル
• Sassの基本：ディレクティブと式の制御
• 美的サッス：色とパレット
• viewBox属性を使用したSVGグラフィックの移動とスケーリング （ viewBox属性を使用したSVGグラフィックの移動とスケーリング ）
• Gmailの文字スタイルのネイティブ最適化をキャンセルします （Gmailのモバイル最適化メールをオーバーライドします ）
• CSS3キーフレームアニメーションジェネレーター
• メディアクエリミックスインの柔軟性の向上
• CSSフォントサイズ
• CSSクリップパス、フィルター、ブレンドモードを使用したマルチレイヤー効果
• ハンプトン・カトリン-SASSの未来（ビデオポッドキャスト）

Javascript

• JavaScriptシンボルの調査。 シンボル-JavaScriptの新しいデータ型、 シンボルの使用
• Matreshka.jsフレームワークの最初のバージョンがリリースされました。Matryoshka 、 Matreshka.js を試す10の理由 ：シンプルからシンプルへ
• イオンフレームワーク。 生態系の概要
• JavaScriptでキャンバスに任意の角度で楕円を描く
• RadioJS、問題21 :: io.jsがjoyentを飲み込んだとき
• JavaScriptでの非同期性との戦い。 約束および非同期プログラミングパターン。 （ウラジミール・ダシュケビッチ）
• インタラクティブな8ビットJavaScript（#fdconfを使用したデモ）
• ItemSlide.js-ネクストタッチカルーセル
• cta.js -cta（「Call to Animation」）-「アクションから効果へ」のパスをアニメーション化するための小さなライブラリ
• 作成者であるJohn Resigの注釈付きの元のjQueryコード （2006年1月14日にBarCamp NYCでリリースされた元のjQueryソースコード）
• JavaScriptでの数値解析
• ES6の展開 （ECMAScript 6の展開）
• ES5コードからES6コンバーター （ ES5コードをES6にアップグレード）
• ES7非同期関数を使用した非同期コーディングの簡素化
• JavaScriptモジュール戦略の途方もない宇宙
• Node.jsとMochaの開始方法（ Node.jsとMochaの開始方法）
• バックボーンの修正：イベント駆動型UI開発のレッスン
• CoffeeScriptでJavaScript開発を加速
• AngularJS-ボイラープレート
• Angular2-最初の印象 （Angular2-最初の印象）
• 独自の図を作成する10個のJSライブラリ（2つの有料版を含む） （独自の図を作成する10個のJavaScriptライブラリ）
• 縮小されたJavaScriptコード定義の検出
• GulpおよびSublime Text 3を使用した実用的なTypeScript開発
• Autocompeter-依存関係のない自動プロンプトでフィールドを実装するためのプラグイン（非常に高速なAJAXオートコンプリートサービスとウィジェット）
• Markdownify-クラウドへの画像のアップロードをサポートするブラウザーのMarkdownエディター
• space.js -HTML属性を使用した3Dスクロール効果
• black-hole.js-画像のブラックホール効果を作成する
• キース・クラークによる「ディフェンダー」-JS1k2015から1023バイト

ブラウザ

• About：Firefoxのページについて
• Project Maelstromがパブリックベータでリリース
• Microsoft Project Spartanブラウザーの概要：Internet Explorerの代わりに何が待っていますか？
• Firefox for Androidが1億ダウンロードを突破
• 2015年4月の動向：StatCounter対NetMarketShare （ブラウザの動向2015年4月：StatCounter対NetMarketShare）
• トレインスポッティング：Firefox 37、Developer Editionなど
• Firefox、Chrome、IEの背後：あまり知られていないブラウザ

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

• リソースの作業に関する大統領サイトKremlin.ruの主な開発者
• http://bonhommeparis.com/en/-スクロール効果
• Apple Watchレビュー
• twofold.com-かわいいアニメーション効果のある自動車サイト
• ホームページ上のアニメーションサイト
• モジュラーグリッドが統合された20のサイト
• fabrica.it-背景ビデオと素敵なアニメーションを異常に使用するサイト
• mirumagency.comは最新のサイトの別の例です

設計

• Webデザインのトレンドを理解する
• 製品設計：今月の最も重要な20の資料
• Apple Watchインターフェーステンプレート、Bystronovskyレクチャー、マテリアルデザインアイコン、その他6つのデザインニュース
• 設計者はインターフェースに適したフォントを選択しました
• Googleのマテリアルデザイン仕様の翻訳された4つのセクション： 信頼性の高い動き 、 応答 性の高い 相互作用 、 意味のある移行 、 心地よい些細なこと 。 css-live.ruコミュニティからの翻訳
• デザイナーとUXスペシャリストの仕事についての真のgifのコレクション
• デザイナーのチェックリストに関するアドバイス -仕事の原則とデザイナーのアドバイスが記載されたリスト
• 再設計に抵抗する
• FacebookプロダクトデザイナーKristina Varshavskaya （AMAとFacebookプロダクトデザイナーKristina Varshavskaya）のインタビュー
• Adobe Character Animatorを使用すると、自分の顔を使用してキャラクターをアニメートできます （Adobe Character Animator を使用すると、自分の顔でアニメートできます ）
• InVisionは、モバイルデバイスのラピッドプロトタイピングを提供します （iOSおよびAndroidのモバイルプロトタイピングは、すぐに、オフラインで、素晴らしいものになりました）
• 親愛なるウェブデザイナー、スクロールのアフォーダンスを壊さないようにしましょう
• Apple Watch用に設計するときに知っておくべき5つのこと（Apple Watch用に設計するときに知っておくべき5つのこと）
• ヨセミテのタワーデザイン （ ヨセミテのアプリデザイン）
• 印刷に適さない：良いデザインが悪くなるとき）
• 機能するCTAボタンを作成するための14のルール
• グリッドがデザイナーを殺さずにWebデザインを自動化する方法
• Motionで視聴者を魅了する方法
• 知覚速度に関する設計洞察のコレクション。）
• デザイナーのFall落パートI：おしゃれなナンセンス
• Photoshopのグラデーション配置
• Adobe Photoshopでカスタムのダートブラシとディケイブラシを作成する方法
• Adobe Illustratorの外観パネルを使用してカーニバルテキスト効果を作成する
• クイックヒント：Adobe InDesignでの効果の使用（クイックヒント：Adobe InDesignでの効果の使用）
• イワン・ベリコフによる玉座のゲームの美しいイラスト （ イワン・ベリコフによる玉座の素晴らしいゲームのイラスト）
• タイポグラフィデザインの美しさとUさ（タイプデザインの美しさとUさ）
• 最高のUI書体は見過ごされます
• フォントの作成：最大-パート1 、 パート2 （フォントの作成：最大-パートI、パートII）

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

• 無料ビデオのあるWebサイト （無料ストックビデオWebサイト）
• デザイナー用のぼやけた背景パック（デザイナー用の25以上の素晴らしいぼやけた背景パック）
• キラキラ-Photoshopのパターンとスタイル （ Photoshopの 8つの無料のキラキラ効果パターンとスタイル）
• ロゴデザインをデモンストレーションするためのモックアップ（55+デザイナー向け無料ロゴモックアップPSDテンプレート）
• PSD形式のApple Watchモックアップコレクション （38+ Apple WatchモックアップPSDテンプレート無料コレクション）
• 名刺デザインを実証するための新鮮なモックアップ（ 2015年4月） （22新鮮な無料の名刺モックアップPSDテンプレート-2015年4月版）
• 最新のAndroidおよびWindowsデバイスのMocapasは、アプリケーションインターフェイスデザインをデモンストレーションします （99以上の最新のAndroidおよびWindows Mockup PSDテンプレート）
• マテリアルデザイン付きUIキット （景品：マテリアルデザインUIキット（PSD））
• Ghost Ship Mobile UI Kit無料
• ベクターおよびラスターリソースのコレクション （Handy Graphic＆Vector Freebies From 1001FreeDownloads）
• 最小限の日常的なアイコン
• 個性のあるアイコン自我 （自我。 個性のあるアイコン）
• 週末と趣味をテーマにしたIllustratorとSketchのアイコンのセット （IllustratorとSketch App（SVG、AI、EPS、SKETCH）の無料アイコン）
• さまざまなテーマの15のベクターセット （デザイナー向けの15の無料ベクターデザインリソース）
• 2015年4月の 40 個のフォント：Fabfelt ScriptからORDNUNGまで （商用で使用できる40のすばらしい無料フォント-2015年4月版）
• FAKEDES-装飾的な丸いアウトラインフォント （FAKEDES-フリーフォント）
• Hamster Script-ブラシで描かれたポスターフォントを模した斜体フォント （Hamster Script（フリーフォント））
• ATHENA-ポストモダンスタイルの装飾的で幾何学的なフォントファミリ （ATHENA-ポストモダンタイプフェイス）

ニュース

• ロシアでスタックオーバーフローを開始-stackoverflow.com
• スタックオーバーフローのアンケート：WordPressがトップ3の最も困難なテクノロジーに選ばれました
• アドビがPremiere Proおよびその他のアプリケーションの革新を発表
• GoogleはGMeetと呼ばれる企業版のハングアウトをリリースします
• Yandex.Mapsは、新しいインターフェースとPeople's Cardとの統合を受け取りました
• Googleがサーバーをロシアのデータセンターに移動

おもしろい

• スクリーンショットを正しく撮る：実用的なヒント
• ベストオンミディアム：VloggerがYouTube広告を作成しない理由
• ムーアの法則は50になります
• ビル・ゲイツとイーロン・マスクが読んだもの。 華麗なエグゼクティブのお気に入りの本
• 誰も信じていなかった最初の成功を収めた数十億のIT企業を結び付けるもの
• Leap Motion、Kinect、Oculus：「自然な」ユーザーインターフェイスの可能性はありますか
• 人気のロシアのビデオブロガーはYouTubeでどれだけ稼ぐか
• 32歳で退職：世界を旅する機会のためにプログラマーとしてのキャリアを放棄した理由
• NASA神話
• Googleオフィスの進化：メンロパークのガレージからチューリッヒとブダペストまで
• DARPAは100年間機能するソフトウェアを作成します
• Windows RTの歴史：すばらしいものからばかげたものまで

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

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