ウェブサイトやグラフィック制作をより快適にし、生産性をアップさせてくれるChrome拡張機能をまとめてご紹介します。ウェブ制作に携わる、すべての人にオススメです。 便利なオンラインツールを一緒に活用して、自分だけの爆速Web制作スタイルを目指しませんか。 What Font ウェブサイトで使われている、フォントの種類を知りたいと思ったことはないでしょうか。これまではFirebug や Webkitなどを利用していましたが、What Font を使えば、気になる書体をマウスクリックするだけで確認できる、シンプルさが便利なツール。 Fontface Ninja Fontface Ninja は、ウェブサイトで使われているフォントをカーソルを合わせるだけで確認できるだけでなく、その場で購入までできます。ウェブデザイナーは持っておきたい拡張機能のひとつ。 Window Resizer Window

This domain may be for sale!

Bootstrapベースのデザインカンプを作成する時にめちゃくちゃ便利で、大幅な時短にもなるPhotoshop CC2015対応の機能拡張を紹介します。 OS X, Win両対応で、日本語にも完全対応の無料の機能拡張です。

みなさんはChromeの拡張機能を活用していますか？　拡張機能を使えば面倒な作業でも効率良くこなすことができます。今回はWebデザインのときに使うと仕事が圧倒的に捗るChromeの拡張機能を紹介します。 1. FireShot ダウンロードURL：FireShot ページのキャプチャを撮影できる拡張機能です。ページ全体をキャプチャ、目に見える部分をキャプチャ、選択してキャプチャすることができます。ランディングページなど縦長のページのスクリーンショットを撮影するときに便利です。 2. PerfectPixel by WellDoneCode ダウンロードURL：PerfectPixel by WellDoneCode ページ内に任意の画像を重ねることができる拡張機能です。画像を動かしたり、透過させたり、サイズを変更したりしてレイアウトすることができます。ボタンやロゴの配置を迷っているときにコ

普通に画像の寸法を測ったり、Divサイズを図ったり、フォントサイズを図ったりなんていうツールは大量にありますが、ブラウザで見えてるもの全てを測るなんてものは今までに無いでしょうね。 いや、ないですよね？え？ある？ とりあえずご紹介。 見えているものを測るとはどういうことか 例えばこちらのページ。 https://www.pakutaso.com/20151103315post-6250.html 以下のように、要素を測るなんて言うのは当然の機能として・・・。 この辺りから本気だしはじめます。 よく見るとテキストの『日』までの間を測っています。 おでこの範囲を測ることもできます。 二人の距離を測ることもできます。 ちょっとLaLaさんに近づきすぎですね。81ピクセルの距離。 ちなみに、どこからどこまでの距離を測るとか言うツールではなくて、マウスをそこに持って行ったら、勝手に距離を測ってくれる

自分はメインブラウザでChromeを使用しているのですが、調べものをしている際やブログでまとめ記事を作成する際はタブを沢山開くことが多々あります。 そこで今回は同じようにChromeユーザーで、普段からタブを沢山開いていることが多いという人には特に便利だと思う拡張機能を紹介します。 拡張機能は便利ではありますが入れすぎてしまうとそれが原因で動作が重くなったりと逆にストレスになることもあるので、現在も紹介している全ての拡張機能を使用しているというわけではないですが、紹介するのはいずれも普段から自分が使用しているものや過去にしばらく使用したことがあるものになるので、まだ使ったことがない拡張機能があれば是非使ってみてください :) OneTab 自分が今回紹介している中でもかなり使用頻度の高い拡張機能のひとつがこの「OneTab」で、有効化後に追加されるアイコンをクリックするだけで現在開いている

こういの記事を定期的に書いていますが、以前のものは古くなっているので書いてみます。ウェブサイト、ブックマークレット、拡張機能（Chrome）から本当によく使っているものを無理やり数を増やすことなく厳選して紹介します。 実際にウェブサイトを作成する時にお世話になるであろう順番で紹介します。ウェブサイト、ブックマークレット、拡張機能（Chrome）ごとで分けていませんのでご注意ください。 I/O 3000 | Webデザインギャラリー 【ウェブサイト】 ギャラリーサイトって同じサイトが紹介されていることも多いので、あまり色々を見ません。最近はこちらをよく見ます。更新頻度も高く、カテゴリやタグ分けも使いやすくなっています。 とはいうものの、もっと色々見たいというときもあるので、そんなときは以下のサイトもよくみます。どれもきれいで見やすいサイトです。やっぱり無限スクロールがいいですね。 【S5-S

なんのかんのでメインブラウザをChromeにして久しいのですが、増えすぎて整理が追いつかず悩みの種だったブックマークをめちゃくちゃ使いやすくしてくれる拡張機能DEWEYを導入してみました。タグ付けめっちゃ捗るんですけど！！ これはオススメだ！ DLはこちら：Dewey. Better bookmarks for Google Chrome™ Chromeのブックマークに「タグ付け」 この拡張機能は@Jacminik さんのツイートで知りました。ｱｻﾞﾏｽ！！ﾊﾖｻﾞｲﾏｽ！！！ 今までずっと求めていたブックマークをタグで管理／検索出来る機能拡張がついに出た！ [Link] Dewey. Better bookmarks for Google Chrome™ : http://t.co/XXtHz3H7Ag — masahiro k. (+Beans) (@Jacminik) 2014, 2

Unclrd Unclrd has thousands of free online games for both young and old. Play action, racing, sports, and other fun games for free at Unclrd. Play Now!

2014年02月14日19:06 音楽再生に特化したChrome拡張「Streamus」が便利すぎてiTunesから曲を消した https://narumi.blog.jp/archives/3405214.html音楽再生に特化したChrome拡張「Streamus」が便利すぎてiTunesから曲を消した よく仕事中にiTunes立ち上げて音楽を聞いたりしていますが、考えてみたらプレイリストにある音楽ってほぼ全部YouTubeにもアップされてるんですよね。ってことはYouTubeで聞けばいいじゃんって思うんですが、聞きたい曲を「探す→再生する→止まる→また探す」っていうのが非常に面倒くさい。 そしたらGoogle Chromeの拡張で、YouTubeにある曲をBGM代わりに再生するのにぴったりなものがありました。「Streamus」というやつです。 Streaming YouTube m

「Feedly」は、米Lifehackerの読者投票でもトップになったRSSリーダー。だからといって、改善点が1つもないわけではありません。 そこで、Feedlyを一層便利にしてしまう拡張機能とユーザースクリプトを紹介します。 1．バックグラウンドでタブを開く デフォルトでは、リンクをクリックすると新しいタブが開きます。これは便利なのですが、せっかく読んでいたタブが見えなくなり、集中力を削がれてしまいます。たくさんのタブを同時に開いておきたいあなたには、Chrome用の「Feedly Background Tab」という拡張機能がおすすめです。記事の上で「;」を押すと、バックグラウンドでタブが開きます。Firefox向けには、こちらのユーザースクリプトで同じことが可能です。 2．懐かしのGoogleリーダーの外見にする 懐かしのGoogleリーダーに心を奪われたままのあなたは、Chrome

突然「7月1日に終了する」と発表された"Google Reader"の代替え候補として、いろんなRSSフィーダーを見てみたけれど、クラウドサービスに限定するとそれ程選べる選択肢が無い。 ここ1ヶ月ほどGoogle Readerとの親和性の良かった（というより、完全同期）"Feedly"に引っ越しして日々のRSS配信を閲覧している。 Googleアカウントでログイン&同期できたFeedlyはこの上なく簡単な後継候補なんだけど、Google Readerが終了した時点でどんな動作に切り替わるのか、無料のまま優良なサービスを提供し続けられるのかといった、一抹の不安も残る。（良いサービスであれば多少の代価はいとわないんだけどね） なにより、ほかのクラウド型RSSリーダーに比べて、見た目とインターフェースがオシャレなのが良い。スマホ向けアプリもフリックで記事を移動出来たり、全て既読にしてしまうのも簡

FeedlyをGoogleリーダー感のあるスタイルに変えてくれる『Readly』 ニュースリーダーのFeedlyは7月にサービスを終了するGoogleリーダーの乗り換え先として最も注目を集めているそうです。 個人的にはGoogleリーダーのルック&フィールとは相容れないFeedlyはGoogleリーダーの置き換えと呼ぶことはできないと思っていますが、少なくともGoogleリーダー亡き後信頼の置ける運営がある程度期待できるという意味では有力な候補かなと思います。 ただ、FeedlyはGoogleリーダーに比べるとデザイン的にだいぶ洗練されていますが、如何せん作業効率最優先のユーザーからするとこの無駄に小洒落たデザインが頂けないという声も少なくありません。 そんなユーザーにオススメなのがこちらの『Readly』というユーザースクリプト。 Feedlyを固定幅でないGoogleリーダーっぽいレイ

Download to Dropboxはウェブ上のデータをDropboxに直接保存できる拡張機能です。 画像や動画、zipファイルなどどんなものでもそのままDropboxへ転送できます。 わざわざローカルのDropboxのフォルダを指定して保存することなく、 ワンクリックでDropboxへ転送できる手軽さが便利です。 以下に使ってみた様子を載せておきます。 まず「Download to Dropbox」にアクセスしましょう。 Chromeに拡張機能をインストールします。 インストール後、拡張機能を使おうとするとDropboxへのアクセス権限を求められるので許可します。 このようにDropboxへ保存したい画像やファイルの上で右クリックし、 「Upload to Dropbox」を選択すると、直接あなたのDropboxへダウンロードできますよ。 Dropboxをよく利用する方には重宝する拡張

一定期間更新がないため広告を表示しています

Photoshopにも便利な機能を追加できるスクリプトと拡張機能があります。こちらでも自分が使っているものや便利そうだなと思ったものをまとめました。 スクリプトの場合はファイルをダウンロードしてきて以下に入れます。環境によって違う場所にあるかもしれません。 Windows　→　C:\Program Files\Adobe\Adobe Photoshop CS5\Presets\Scripts Mac　→　アプリケーションのAdobe Photoshop CS5\Presets\Scripts 拡張機能はダウンロードしたファイルをクリックすると、Adobe Extension Managerが起動しますのでそちらにインストールすればOKです。 Index… PSDからテキストを抽出 レイヤー名の「コピー」を削除 Fireworks風のスライスレイヤー 選択したフォルダやレイヤーを別ファイルへ

About RSSで購読する Google Chromeをより便利にしようとChrome拡張機能をたくさん入れていると、どんどんメモリを食うようになってしまいますよね。 そういったことを防ぐために、拡張機能をグループ分けしたりするわけですが、いっその事、絶対に使うものはひとつにまとめてしまえと思うのですよね。 そこで今回は、絶対に使う機能がひとつの拡張機能まとめられたものをご紹介します。余談ですが、私はこの拡張機能でメモリの消費量をたいぶ抑えることに成功しました。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! ブラウザを強化する拡張機能をひとつにまとめたChrome拡張機能「Pig Toolbox」 「Pig Toolbox」は、よく使われるGoogle Chromeの拡張機能をひとつの拡張機能

今回は、Googleリーダーで使えるGoogle Chrome拡張機能11個を集めてみました。過去にも当サイトでは、FirefoxアドオンやGreasemonkeyスクリプトなどGoogleリーダーをさらに使いやすくするためのブラウザ拡張機能をいくつか紹介したことがありますが、もちろんGoogle Chrome拡張機能にも便利なツールがたくさんあります！ せっかくGoogleリーダーを使うなら、色々カスタマイズしてもっと生産性アップをはかってみましょう！というわけで、これまでGoogleリーダーを情報収集ツールとして役立ててきた人も、他ブラウザにはないユニークなChrome拡張機能をうまく使って、さらに効率的に情報収集できる超便利なRSSリーダーへと変身させてみませんか？ TPGoogleReader（リンク切れ） バックグラウンドで常にGoogleリーダーをチェックし、新着フィードが配信