 
      ウェブ開発
 SVGによるモーションブラーエフェクト SVGによるモーションブラーエフェクト
 心配せずにFlashなしで生活を始める方法 心配せずにFlashなしで生活を始める方法
- SVGパターンの小さな非自明性:不可視性変換の軌跡をたどる
- 旧SEO対 新しいSEO:検索エンジンのプロモーションへのアプローチがどのように変化したか(インフォグラフィック)
 #DUMP、セクション#FrontTalks、ビデオレポート。 #DUMP、セクション#FrontTalks、ビデオレポート。
 StackOverflowでの開発者調査2015の結果 StackOverflowでの開発者調査2015の結果
 Googleモバイルフレンドリーアルゴリズムの変更の変更 Googleモバイルフレンドリーアルゴリズムの変更の変更
 グリッド -メディアモダンを見て現代のコンテンツとデザインツール グリッド -メディアモダンを見て現代のコンテンツとデザインツール
 コディムカルーセル (シンプルにする:カルーセルのコーディング) コディムカルーセル (シンプルにする:カルーセルのコーディング)
 WebコンテンツのセマンティックHTML WebコンテンツのセマンティックHTML
 フレームワークを学ばないでください。  アーキテクチャを学ぶ (フレームワークを学ぶのではなく、アーキテクチャを学ぶ) フレームワークを学ばないでください。  アーキテクチャを学ぶ (フレームワークを学ぶのではなく、アーキテクチャを学ぶ)
 Gitの10年: Git Linus Torvaldsの作成者へのインタビュー(Gitの10年:Git Creator Linus Torvaldsのインタビュー) Gitの10年: Git Linus Torvaldsの作成者へのインタビュー(Gitの10年:Git Creator Linus Torvaldsのインタビュー)
 新しいHTML5 WebメッセージングWeb標準、 SVG2の草案 新しいHTML5 WebメッセージングWeb標準、 SVG2の草案
 テストをサポートするアダプティブインターフェイスの開発 (レスポンシブインターフェイスデザインのビジュアルテスト駆動開発) テストをサポートするアダプティブインターフェイスの開発 (レスポンシブインターフェイスデザインのビジュアルテスト駆動開発)
 Canvasを使用した半透明画像のサイズの縮小(Canvasを介した透明画像のサイズの縮小) Canvasを使用した半透明画像のサイズの縮小(Canvasを介した透明画像のサイズの縮小)
 10分でChrome拡張機能を作成する方法 10分でChrome拡張機能を作成する方法
 Googleチャートを使用してWebサイトにタイムラインを追加する(Googleチャートを使用してWebサイトにタイムラインを追加する) Googleチャートを使用してWebサイトにタイムラインを追加する(Googleチャートを使用してWebサイトにタイムラインを追加する)
 WebGLの基礎 WebGLの基礎
 WebGL GLSL Shader Editor-シェーダーを編集するためのクロムへの追加 WebGL GLSL Shader Editor-シェーダーを編集するためのクロムへの追加
-  壮大なウェブ: 
      
 
  ページはスライドパネルで半分に分割され、3Dのオープニング効果があります。  スタイラスとバニラJavaScriptを使用して作成。 ページはスライドパネルで半分に分割され、3Dのオープニング効果があります。  スタイラスとバニラJavaScriptを使用して作成。
 3D Bold Navigationは、1つのスライドを別のスライドに置き換えて内陸部の効果を高める興味深いナビゲーションコンセプトです。 3D Bold Navigationは、1つのスライドを別のスライドに置き換えて内陸部の効果を高める興味深いナビゲーションコンセプトです。
 Sara Soueidanのお気に入りのCodePenデモ Sara Soueidanのお気に入りのCodePenデモ
 
 
 
ウェブパフォーマンス
 パフォーマンスへの道 -新しいサイトパフォーマンスポッドキャスト(Tim KadlecとKatie Kovalcinがホスト) パフォーマンスへの道 -新しいサイトパフォーマンスポッドキャスト(Tim KadlecとKatie Kovalcinがホスト)
 フォントのロード手法 フォントのロード手法
 サブセットおよびローカルストレージでカスタムフォントを使用する場合のパフォーマンスの改善 ( サブセットおよびローカルストレージでのフォントパフォーマンスの改善) サブセットおよびローカルストレージでカスタムフォントを使用する場合のパフォーマンスの改善 ( サブセットおよびローカルストレージでのフォントパフォーマンスの改善)
 フォントイベントによるフォントの読み込みの高速化( フォントイベントによるフォントの読み込みの高速化) フォントイベントによるフォントの読み込みの高速化( フォントイベントによるフォントの読み込みの高速化)
 ウェブサイトの速度を向上させるためのさらなる最適化手法 ウェブサイトの速度を向上させるためのさらなる最適化手法
CSS
 純粋なCSS3計算機 純粋な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。ブロックサイズの 管理 Flexbox CSS3のビデオチュートリアル: 1.実際のFlexBox 、 2。実際のFlexBox 3. FlexBoxのプロパティ 、 4。ブロックサイズの 管理
 Pure CSSのレスポンシブテーブル Pure CSSのレスポンシブテーブル
 Sassの基本:ディレクティブと式の制御 Sassの基本:ディレクティブと式の制御
 美的サッス:色とパレット 美的サッス:色とパレット
 viewBox属性を使用したSVGグラフィックの移動とスケーリング ( viewBox属性を使用したSVGグラフィックの移動とスケーリング ) viewBox属性を使用したSVGグラフィックの移動とスケーリング ( viewBox属性を使用したSVGグラフィックの移動とスケーリング )
 Gmailの文字スタイルのネイティブ最適化をキャンセルします (Gmailのモバイル最適化メールをオーバーライドします ) Gmailの文字スタイルのネイティブ最適化をキャンセルします (Gmailのモバイル最適化メールをオーバーライドします )
 CSS3キーフレームアニメーションジェネレーター CSS3キーフレームアニメーションジェネレーター
 メディアクエリミックスインの柔軟性の向上 メディアクエリミックスインの柔軟性の向上
 CSSフォントサイズ CSSフォントサイズ
 CSSクリップパス、フィルター、ブレンドモードを使用したマルチレイヤー効果 CSSクリップパス、フィルター、ブレンドモードを使用したマルチレイヤー効果
  ハンプトン・カトリン-SASSの未来(ビデオポッドキャスト) ハンプトン・カトリン-SASSの未来(ビデオポッドキャスト)
Javascript
 JavaScriptシンボルの調査。  シンボル-JavaScriptの新しいデータ型、 シンボルの使用 JavaScriptシンボルの調査。  シンボル-JavaScriptの新しいデータ型、 シンボルの使用
 Matreshka.jsフレームワークの最初のバージョンがリリースされました。Matryoshka 、 Matreshka.js を試す10の理由 :シンプルからシンプルへ Matreshka.jsフレームワークの最初のバージョンがリリースされました。Matryoshka 、 Matreshka.js を試す10の理由 :シンプルからシンプルへ
 イオンフレームワーク。  生態系の概要 イオンフレームワーク。  生態系の概要
 JavaScriptでキャンバスに任意の角度で楕円を描く JavaScriptでキャンバスに任意の角度で楕円を描く
- RadioJS、問題21 :: io.jsがjoyentを飲み込んだとき
- JavaScriptでの非同期性との戦い。 約束および非同期プログラミングパターン。 (ウラジミール・ダシュケビッチ)
- インタラクティブな8ビットJavaScript(#fdconfを使用したデモ)
 ItemSlide.js-ネクストタッチカルーセル ItemSlide.js-ネクストタッチカルーセル
 cta.js -cta(「Call to Animation」)-「アクションから効果へ」のパスをアニメーション化するための小さなライブラリ cta.js -cta(「Call to Animation」)-「アクションから効果へ」のパスをアニメーション化するための小さなライブラリ
 作成者であるJohn Resigの注釈付きの元のjQueryコード (2006年1月14日にBarCamp NYCでリリースされた元のjQueryソースコード) 作成者であるJohn Resigの注釈付きの元のjQueryコード (2006年1月14日にBarCamp NYCでリリースされた元のjQueryソースコード)
 JavaScriptでの数値解析 JavaScriptでの数値解析
 ES6の展開 (ECMAScript 6の展開) ES6の展開 (ECMAScript 6の展開)
 ES5コードからES6コンバーター ( ES5コードをES6にアップグレード) ES5コードからES6コンバーター ( ES5コードをES6にアップグレード)
 ES7非同期関数を使用した非同期コーディングの簡素化 ES7非同期関数を使用した非同期コーディングの簡素化
 JavaScriptモジュール戦略の途方もない宇宙 JavaScriptモジュール戦略の途方もない宇宙
 Node.jsとMochaの開始方法( Node.jsとMochaの開始方法) Node.jsとMochaの開始方法( Node.jsとMochaの開始方法)
 バックボーンの修正:イベント駆動型UI開発のレッスン バックボーンの修正:イベント駆動型UI開発のレッスン
 CoffeeScriptでJavaScript開発を加速 CoffeeScriptでJavaScript開発を加速
 AngularJS-ボイラープレート AngularJS-ボイラープレート
 Angular2-最初の印象 (Angular2-最初の印象) Angular2-最初の印象 (Angular2-最初の印象)
 独自の図を作成する10個のJSライブラリ(2つの有料版を含む) (独自の図を作成する10個のJavaScriptライブラリ) 独自の図を作成する10個のJSライブラリ(2つの有料版を含む) (独自の図を作成する10個のJavaScriptライブラリ)
 縮小されたJavaScriptコード定義の検出 縮小されたJavaScriptコード定義の検出
 GulpおよびSublime Text 3を使用した実用的なTypeScript開発 GulpおよびSublime Text 3を使用した実用的なTypeScript開発
 Autocompeter-依存関係のない自動プロンプトでフィールドを実装するためのプラグイン(非常に高速なAJAXオートコンプリートサービスとウィジェット) Autocompeter-依存関係のない自動プロンプトでフィールドを実装するためのプラグイン(非常に高速なAJAXオートコンプリートサービスとウィジェット)
 Markdownify-クラウドへの画像のアップロードをサポートするブラウザーのMarkdownエディター Markdownify-クラウドへの画像のアップロードをサポートするブラウザーのMarkdownエディター
 space.js -HTML属性を使用した3Dスクロール効果 space.js -HTML属性を使用した3Dスクロール効果
 black-hole.js-画像のブラックホール効果を作成する black-hole.js-画像のブラックホール効果を作成する
 キース・クラークによる「ディフェンダー」-JS1k2015から1023バイト キース・クラークによる「ディフェンダー」-JS1k2015から1023バイト
ブラウザ
 About:Firefoxのページについて About:Firefoxのページについて
 Project Maelstromがパブリックベータでリリース Project Maelstromがパブリックベータでリリース
- Microsoft Project Spartanブラウザーの概要:Internet Explorerの代わりに何が待っていますか?
- Firefox for Androidが1億ダウンロードを突破
 2015年4月の動向:StatCounter対NetMarketShare (ブラウザの動向2015年4月:StatCounter対NetMarketShare) 2015年4月の動向:StatCounter対NetMarketShare (ブラウザの動向2015年4月:StatCounter対NetMarketShare)
 トレインスポッティング:Firefox 37、Developer Editionなど トレインスポッティング:Firefox 37、Developer Editionなど
 Firefox、Chrome、IEの背後:あまり知られていないブラウザ Firefox、Chrome、IEの背後:あまり知られていないブラウザ
興味深いデザインと機能を備えたサイト
- リソースの作業に関する大統領サイトKremlin.ruの主な開発者
 http://bonhommeparis.com/en/-スクロール効果 http://bonhommeparis.com/en/-スクロール効果
 Apple Watchレビュー Apple Watchレビュー
 twofold.com-かわいいアニメーション効果のある自動車サイト twofold.com-かわいいアニメーション効果のある自動車サイト
 ホームページ上のアニメーションサイト ホームページ上のアニメーションサイト
 モジュラーグリッドが統合された20のサイト モジュラーグリッドが統合された20のサイト
 fabrica.it-背景ビデオと素敵なアニメーションを異常に使用するサイト fabrica.it-背景ビデオと素敵なアニメーションを異常に使用するサイト
 mirumagency.comは最新のサイトの別の例です mirumagency.comは最新のサイトの別の例です
 設計
 設計 
       Webデザインのトレンドを理解する Webデザインのトレンドを理解する
- 製品設計:今月の最も重要な20の資料
- Apple Watchインターフェーステンプレート、Bystronovskyレクチャー、マテリアルデザインアイコン、その他6つのデザインニュース
- 設計者はインターフェースに適したフォントを選択しました
- Googleのマテリアルデザイン仕様の翻訳された4つのセクション: 信頼性の高い動き 、 応答 性の高い 相互作用 、 意味のある移行 、 心地よい些細なこと 。 css-live.ruコミュニティからの翻訳
 デザイナーとUXスペシャリストの仕事についての真のgifのコレクション デザイナーとUXスペシャリストの仕事についての真のgifのコレクション
 デザイナーのチェックリストに関するアドバイス -仕事の原則とデザイナーのアドバイスが記載されたリスト デザイナーのチェックリストに関するアドバイス -仕事の原則とデザイナーのアドバイスが記載されたリスト
 再設計に抵抗する 再設計に抵抗する
 FacebookプロダクトデザイナーKristina Varshavskaya (AMAとFacebookプロダクトデザイナーKristina Varshavskaya)のインタビュー FacebookプロダクトデザイナーKristina Varshavskaya (AMAとFacebookプロダクトデザイナーKristina Varshavskaya)のインタビュー
 Adobe Character Animatorを使用すると、自分の顔を使用してキャラクターをアニメートできます (Adobe Character Animator を使用すると、自分の顔でアニメートできます ) Adobe Character Animatorを使用すると、自分の顔を使用してキャラクターをアニメートできます (Adobe Character Animator を使用すると、自分の顔でアニメートできます )
 InVisionは、モバイルデバイスのラピッドプロトタイピングを提供します (iOSおよびAndroidのモバイルプロトタイピングは、すぐに、オフラインで、素晴らしいものになりました) InVisionは、モバイルデバイスのラピッドプロトタイピングを提供します (iOSおよびAndroidのモバイルプロトタイピングは、すぐに、オフラインで、素晴らしいものになりました)
 親愛なるウェブデザイナー、スクロールのアフォーダンスを壊さないようにしましょう 親愛なるウェブデザイナー、スクロールのアフォーダンスを壊さないようにしましょう
 Apple Watch用に設計するときに知っておくべき5つのこと(Apple Watch用に設計するときに知っておくべき5つのこと) Apple Watch用に設計するときに知っておくべき5つのこと(Apple Watch用に設計するときに知っておくべき5つのこと)
 ヨセミテのタワーデザイン ( ヨセミテのアプリデザイン) ヨセミテのタワーデザイン ( ヨセミテのアプリデザイン)
 印刷に適さない:良いデザインが悪くなるとき) 印刷に適さない:良いデザインが悪くなるとき)
 機能するCTAボタンを作成するための14のルール 機能するCTAボタンを作成するための14のルール
 グリッドがデザイナーを殺さずにWebデザインを自動化する方法 グリッドがデザイナーを殺さずにWebデザインを自動化する方法
 Motionで視聴者を魅了する方法 Motionで視聴者を魅了する方法
 知覚速度に関する設計洞察のコレクション。) 知覚速度に関する設計洞察のコレクション。)
 デザイナーのFall落パートI:おしゃれなナンセンス デザイナーのFall落パートI:おしゃれなナンセンス
 Photoshopのグラデーション配置 Photoshopのグラデーション配置
 Adobe Photoshopでカスタムのダートブラシとディケイブラシを作成する方法 Adobe Photoshopでカスタムのダートブラシとディケイブラシを作成する方法
 Adobe Illustratorの外観パネルを使用してカーニバルテキスト効果を作成する Adobe Illustratorの外観パネルを使用してカーニバルテキスト効果を作成する
 クイックヒント:Adobe InDesignでの効果の使用(クイックヒント:Adobe InDesignでの効果の使用) クイックヒント:Adobe InDesignでの効果の使用(クイックヒント:Adobe InDesignでの効果の使用)
 イワン・ベリコフによる玉座のゲームの美しいイラスト ( イワン・ベリコフによる玉座の素晴らしいゲームのイラスト) イワン・ベリコフによる玉座のゲームの美しいイラスト ( イワン・ベリコフによる玉座の素晴らしいゲームのイラスト)
 タイポグラフィデザインの美しさとUさ(タイプデザインの美しさとUさ) タイポグラフィデザインの美しさとUさ(タイプデザインの美しさとUさ)
 最高のUI書体は見過ごされます 最高のUI書体は見過ごされます
 フォントの作成:最大-パート1 、 パート2 (フォントの作成:最大-パートI、パートII) フォントの作成:最大-パート1 、 パート2 (フォントの作成:最大-パートI、パートII)
 無料のデザイナーCookieのセレクション
 無料のデザイナーCookieのセレクション 
       無料ビデオのあるWebサイト (無料ストックビデオWebサイト) 無料ビデオのあるWebサイト (無料ストックビデオWebサイト)
 デザイナー用のぼやけた背景パック(デザイナー用の25以上の素晴らしいぼやけた背景パック) デザイナー用のぼやけた背景パック(デザイナー用の25以上の素晴らしいぼやけた背景パック)
 キラキラ-Photoshopのパターンとスタイル ( Photoshopの 8つの無料のキラキラ効果パターンとスタイル) キラキラ-Photoshopのパターンとスタイル ( Photoshopの 8つの無料のキラキラ効果パターンとスタイル)
 ロゴデザインをデモンストレーションするためのモックアップ(55+デザイナー向け無料ロゴモックアップPSDテンプレート) ロゴデザインをデモンストレーションするためのモックアップ(55+デザイナー向け無料ロゴモックアップPSDテンプレート)
 PSD形式のApple Watchモックアップコレクション (38+ Apple WatchモックアップPSDテンプレート無料コレクション) PSD形式のApple Watchモックアップコレクション (38+ Apple WatchモックアップPSDテンプレート無料コレクション)
 名刺デザインを実証するための新鮮なモックアップ( 2015年4月) (22新鮮な無料の名刺モックアップPSDテンプレート-2015年4月版) 名刺デザインを実証するための新鮮なモックアップ( 2015年4月) (22新鮮な無料の名刺モックアップPSDテンプレート-2015年4月版)
 最新のAndroidおよびWindowsデバイスのMocapasは、アプリケーションインターフェイスデザインをデモンストレーションします (99以上の最新のAndroidおよびWindows Mockup PSDテンプレート) 最新のAndroidおよびWindowsデバイスのMocapasは、アプリケーションインターフェイスデザインをデモンストレーションします (99以上の最新のAndroidおよびWindows Mockup PSDテンプレート)
 マテリアルデザイン付きUIキット (景品:マテリアルデザインUIキット(PSD)) マテリアルデザイン付きUIキット (景品:マテリアルデザインUIキット(PSD))
 Ghost Ship Mobile UI Kit無料 Ghost Ship Mobile UI Kit無料
 ベクターおよびラスターリソースのコレクション (Handy Graphic&Vector Freebies From 1001FreeDownloads) ベクターおよびラスターリソースのコレクション (Handy Graphic&Vector Freebies From 1001FreeDownloads)
 最小限の日常的なアイコン 最小限の日常的なアイコン
 個性のあるアイコン自我 (自我。 個性のあるアイコン) 個性のあるアイコン自我 (自我。 個性のあるアイコン)
 週末と趣味をテーマにしたIllustratorとSketchのアイコンのセット (IllustratorとSketch App(SVG、AI、EPS、SKETCH)の無料アイコン) 週末と趣味をテーマにしたIllustratorとSketchのアイコンのセット (IllustratorとSketch App(SVG、AI、EPS、SKETCH)の無料アイコン)
 さまざまなテーマの15のベクターセット (デザイナー向けの15の無料ベクターデザインリソース) さまざまなテーマの15のベクターセット (デザイナー向けの15の無料ベクターデザインリソース)
 2015年4月の 40 個のフォント:Fabfelt ScriptからORDNUNGまで (商用で使用できる40のすばらしい無料フォント-2015年4月版) 2015年4月の 40 個のフォント:Fabfelt ScriptからORDNUNGまで (商用で使用できる40のすばらしい無料フォント-2015年4月版)
 FAKEDES-装飾的な丸いアウトラインフォント (FAKEDES-フリーフォント) FAKEDES-装飾的な丸いアウトラインフォント (FAKEDES-フリーフォント)
 Hamster Script-ブラシで描かれたポスターフォントを模した斜体フォント (Hamster Script(フリーフォント)) Hamster Script-ブラシで描かれたポスターフォントを模した斜体フォント (Hamster Script(フリーフォント))
 ATHENA-ポストモダンスタイルの装飾的で幾何学的なフォントファミリ (ATHENA-ポストモダンタイプフェイス) 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が作成した資料。