先週のウェブ開発とITの世界からの興味深い資料のダイジェストNo. 144（2015年1月19〜25日）

私たちはどこにも行っていませんが、有用なリソース、興味深い資料、ITニュースへのリンクを含む選択肢を提供しています。

ウェブ開発

• ブラウザにgoogle.comと入力してEnterキーを押すとどうなりますか？
• CSSまたはJavaScriptを使用して本当にレスポンシブな画像を作成できないのはなぜですか
• Web上のライブフォント補間
• Web開発で自分自身を教育する方法
• 仮想ビューポートとは何ですか？
• アプリケーションのデータ使用量を確認する時間。 モブの中央ページ。 デバイスの重量が1 MBになりました
• ビデオからスクリーンショットを作成する
• 「フロントエンドとバックエンド」 -それらの違いについてのPpk
• フロントエンド開発者の地位に関するインタビューの質問
• 独自のSVGアイコンを作成する
• HTML6またはHTML.nextのアイデア
• LumXは、AngularJSとGoogleマテリアルデザインの仕様に基づいた最初のレスポンシブフロントエンドフレームワークです。
• Marko-拡張可能なテンプレート言語

CSS

• JSを使用せずにselectの完全なカスタマイズ
• レベル4 CSSセレクターの新機能
• 未来のプリプロセッサであるMythを始めよう
• CSSを使用してアニメーションシーンを描画する
• CSSアニメーションのパフォーマンス
• 純粋なCSSで生産的でレスポンシブなWebサイトを作成する
• ショッピング効果のアイデア
• PubCSS：学術出版物をHTMLおよびCSSでフォーマットする
• CodePenによるSassの学習、 パート1 、 パート2
• CSS拡張ルール -興味深いCSSブレークダウンアイデアのコレクションから
• Yahoo!のThierry KoblentzによるATOMIC CSSスライド FEDロンドン2015以降
• Sassのビジョン
• cssplusは、 Flexboxに基づいた堅牢で高速なクロスブラウザテンプレートです。
• 1行のCSSを使用して画像を中央揃えおよびトリミングする（object-fit：cover）
• CSSでfit-contentプロパティを使用する
• LibSassを知ろう
• Sass-mixinを使用した長いシャドウの実装の最終バージョン
• 画像レンダリング：ピクセル化
• jeetによる超高速アダプティブレイアウト
• マンハッタンは、軽量でカスタマイズ可能なCSSグリッドです。
• Skeleton CSSフレームワークを使い始める

Javascript

• 教会番号の階乗の計算
• jQueryでの柔軟なイベント管理-jquery.behaviorプラグイン
• Gitletプロジェクトの一環として、JavaScriptでのGitの簡素化された実装が開発されています
• PhantomJS 2.0は1月23日に予定されています
• webpack + react-hot-loaderを使用してReactJsでゲームを作成する
• 今週のトップ10コードペン：JavaScript 1月版
• Fakerを使用してJavaScriptアプリケーションの偽データを生成する
• JavaScriptエラーとその修正方法
• console.log以上のJavascriptデバッグ[少し]
• JavaScriptを使用してアプリケーションのクライアント側をテストする全国旅行
• ES5のECMAScript 6に相当するもの-Addy Osmaniからの参照
• ES6 JavaScript-奇妙なパーツ
• font-character-inspector-アイコンフォントに関連付けられたUnicode文字のインスペクター
• カスタムイベントとAjaxフレンドリーなページ準備チェック
• ES6テンプレート文字列を使用してリテラルを取得する
• 実行中のAPIを取得する
• Page Visibility APIを使用したマナーのあるWebサイトの設計
• jQueryおよびWeb Storage APIを使用したオートフィルフォーム
• AngularJSの深い機能
• angular-websocket-アプリケーションのクライアント部分をサーバーに接続するモジュール
• NumGLの紹介 -高速な画像およびビデオ処理のためのWebGLライブラリ
• mingo -MongoDBクエリ言語のJavaScript実装
• プラグイン
  
  • Tuxedo.js -React、Fluxアーキテクチャ、およびCommonJSモジュールに基づくフレームワーク
  • marty.js -Reactアプリケーションの状態を管理するためのライブラリ
  • mozaik-クールなダッシュボードを構築するためのnodejs、react、d3、スタイラスのパネルツール
  • canvg -CanvasのSVGパーサーとビジュアライザー
  • WheelNavJS-ナビゲーションホイール（SVG）を作成する
  • pwstabs-レスポンシブタブ機能を作成するためのjQueryプラグイン
  • terminal.js-ブラウザーおよびnode.jsのターミナルエミュレーション用ライブラリ
  • amalia.js-メタデータの視覚化を備えたHTML5ビデオプレーヤー
  • blockrain.js -TetrisゲームWebサイトへの簡単な追加
  • スラローム -物理的特性を備えたタッチインタラクティブコンポーネントのラピッドプロトタイピング
  • Matter.js -Web用の物理エンジン
  
  

Webツール

• ヒップスターロゴジェネレーター
• PencilBlue -Node.jsのCMS
• jpeg、jpg、gif、pngからSvgベクター形式のビットマップコンバーター
• Tint UI-スポイト付きのトレンドカラーのライブラリ

ブラウザ

• Chrome 40 Webブラウザーリリース
• すべてのNPAPIプラグインがブロックされたChrome 40がリリースされました
• スパルタン：同じIE11、側面のみ
• Firefoxエピソード37の新しい開発者ダッシュボード
• Firefox 35の新機能-Web開発者向けの詳細
• Firefox Nightlyには仮想現実があります FirefoxにWeb VRが表示される
• Firefoxがプライバシーのためにリファラーを削減
• GoogleがFirefoxユーザーを招待してデフォルトの検索とスタートページを変更する
• Firefoxで利用可能なUBlock広告ブロックシステム
• マイクロソフトは、2つのブラウザーを搭載したWindows 10を同時にリリースします

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

• 一人称ウェブデザイン
• 2014年にShopify
• クリエイティブポートフォリオ
• Aerolab-優れたタイポグラフィと簡潔なアニメーションを備えたポートフォリオ
• blitzagency.com-三次元変換に満ちた垂直サイト
• gianlucabocchi.com-クリエイティブなアニメーション効果のあるサイト
• homunculus.jp-日本人もサイトを驚かせる

設計

• 映像 材料設計の基礎
• 12の基本的なアニメーションの原則
• 完全に整理-Anton Lyubushkinは、大規模なレイアウトで作業を整理し、Photoshopの新しい機能を標準外で使用した経験を共有しています。
• Google Playで既に利用可能な10のマテリアルデザインスタイルのAndroidアプリ
• UXコンサルタント：FacebookとInstagramのフィードが正しく構成されていない理由
• Tumblrは、ブランドとアーティストの相互作用についてソーシャルネットワークをテストしています
• Webデザイナーが古いモニターを必要とするのはなぜですか？
• Adobe Photoshopでドロップブラシを作成する
• Adobe Illustratorニットセーターパターン
• 2015年にすべてを変える10のWebデザイントレンド
• 2015年の4つの主要なWebサイトデザインのトレンド
• 19歳のシリコンバレーデザイナー
• Duolingoが新規ユーザーを引き付ける方法
• 再設計の課題： Android向けDropbox
• ビジュアルデザインはフラットになっていますか？
• UX Reader -MailChimpの本
• プロトタイプ作成ツールのレビュー
• ミニマリズムはあなたのウェブサイトにとって最良の戦略ですか？
• デザイナーのための百と一の心に強く訴える引用
• モバイルアプリケーションのカラーインターフェイスの例
• Mocap Design Precisionガイド
• クリエイティブな手描きタイポグラフィを使用したWebデザイン
• 使いやすさを向上させる15のステップ（および幸せなユーザー）
• Adobe Photoshopで建物の等尺性ピクセルアートイメージを作成する
• Adobe Photoshopで動物のポートレート効果を作成する方法
• Google Fontsコレクションのフォントペア
• ポケモンとブランド

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

• photoshopのスモークブラシ
• フリーハンドの描画アイコン
• Photoshop用のダースプラグイン
• 都市の写真
• 2015年1月の新しい無料フォントのコレクション
• 割れたガラスを描いた多数のPhotoshopブラシ
• バレンタインベクトルバナー（AI＆EPS）
• 4つのPSDファイルのAvant UIスイート（100以上の要素）
• Apple Watch UIセット
• 世界と北米のベクトルマップ（AI、SVG）
• Creattアイコンセット（PNG、AI、SVG）
• 教育専用のベクトルアイコンのセット（PSD、AI、EPS、SVG）
• オンラインストアバスケットフラットデザインテンプレート
• ほぼ4ダースのフラットなデザインアイコンのパック
• REFUGE-ビンテージスタイルの装飾的なサンセリフフォント
• スラッシュ -極悪サンセリフ大胆な見出し

ニュース

• Windows 10：次の章
  
  • Microsoftからの新しいWindows 10およびその他の素晴らしいニュース
  • 誰でも利用できるMicrosoft Conferenceビデオ録画
  • MicrosoftはSkypeをWindows 10に統合し、Apple iMessageに対応させました
  • マイクロソフトの仮想の未来：HoloLensホログラフィックヘルメットとWindowsホログラフィックプラットフォーム
  • MicrosoftがWindows 10用のCortana仮想アシスタントを導入
  • マイクロソフト：黒いバーの終わり？
  • MicrosoftはOffice 2016とOffice for Windows 10を発表しました
  • MicrosoftはWindows 10への無料アップグレードについて話しました
  • Microsoft Windows 10：約束は結婚を意味するものではありません
  • Logvinovからのレビュー ：革新的なWindows 10、HoloLens-信じられないほどの拡張現実ヘルメット。 バトルトード
  
  
• マイクロソフトがStudent Developer Packおよびその他のGitHub Education Newsに参加
• GoogleはSpaceXとのコラボレーションを計画しています
• FacebookはWhatsAppを仮想モバイルオペレーターにしています。 Googleが来ています
• Google：インターネットはまもなく消滅します
• YouTubeの広告収入はテレビチャンネルの80倍
• モバイルソフトウェア市場はハリウッドの収益性を上回っています
• 昨年、Facebookはアクティブユーザーの9％を失い 、世界経済へのFacebookの貢献は2,270億ドルと推定されています。
• Googleは少なくとも1兆件のリクエストを毎年処理します
• HPはノートブック市場のリーダーになりました

おもしろい

• ムーアの法則がGoogle Glassを破壊する方法
• 中国では、3Dプリントの助けを借りて、5階建ての建物と巨大な別荘を建てました
• 3Dプリンターで何を印刷できますか？
• 今日の動画：Boston DynamicsはAtlasを根本的に再設計しました

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

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