超見やすい！Chromeのデベロッパーツールが劇的に見やすくなる拡張機能｜男子ハック
黒背景でハイライト表示！デベロッパーツール用のテーマが拡張機能として利用可能！うぉぉ！こんな拡張機能があったなんて、もっと早く知りたかった！と思う人が続出しそう（？）ですが、Google Chromeのデベロッパーツールを物凄く見やすい配色に変更するテーマファイルのChrome拡張機能を試してみました！ 今回試してみた拡張機能は「DevTools Theme: Zero Dark Matrix - Chrome ウェブストア」という拡張機能。同様のデベロッパーツールのテーマを変更する拡張機能は他にもありますが、配色の違いなので好みで選択するのが良さそうです。 下記の画像が通常のデベロッパーツールを開いた画面。コードはハイライトされていますが、白背景だと見づらいです。 そこで「DevTools Theme: Zero Dark Matrix - Chrome ウェブストア」を利用すると以下の
8181801威尼斯(百度Vip认证)官方网站
系统提示 抱歉 可能是由下列问题导致的： 您访问的页面未找到， 5秒后自动跳转到8181801威尼斯
Webページ上のフォント名がチョー簡単にわかるChrome機能拡張「WhatFont」
Webページ閲覧中に「あれ…このフォントなんてフォントだろう…」ということがよくあるのですが、それをチョー簡単に調べられるChrome機能拡張がありましたのでご紹介。 その名も「WhatFont」。名前の直球具合に好感が持てます。 WhatFont WhatFontの使い方 まずはなにはともあれDLしましょう。ダウンロードはこちらから。 DLしたら機能拡張メニューバーにご覧のアイコンが現れます。あとはフォントを調べたいサイト上でこのアイコンをクリックするだけ。 マウスオーバーするとそのフォントが表示されます。 クリックすればこのようにfont-sizeやline-height、colorなどの詳しい情報も知ることができます（色が赤になっているのはhover時の色を表示しちゃってるっぽい） 複数指定している日本語フォントでもこの通り。バッチリです。
wildcop's: 選択部分を自動翻訳するChrome機能拡張 「Auto-Translate」
Google Chrome用の自動翻訳機能拡張として、以前「Right Click and Translate」と「Bubble Translate」を紹介しましたが、両機能拡張とも（Googleの仕様変更のため？）使えなくなっていたようなので、最近は「Auto-Translate」という機能拡張を使っています。 Auto-Translate https://chrome.google.com/webstore/detail/obgoiaeapddkeekbocomnjlckbbfapmk 使用方法は簡単で、以前の2つの機能拡張に準じます。上記URLから機能拡張をインストール後、オプション画面から翻訳先の言語を選択するだけです。 デフォルトでは「Ctrl」、「Ctrl+Alt」、「Ctrl+Shift」の3つのキーコンビネーション用意されています（他のコンビネーションも「add profi
これはすごい! フォーム最適化に役立つグーグル提案のautocomplete新仕様 | 初代編集長ブログ―安田英久
※2012-04-07 セキュリティ面の問題に関して追記しました。 今日は、ウェブページの入力フォームでユーザーが楽にしかも正確に入力できるようにできる（可能性を秘めた）、新しいHTMLの仕様についての情報を。autocomplete属性に関する新しい仕様です。 グーグルは、入力フォームに自動入力する仕組みに関して、新しい仕様を提案しました。HTMLの仕様を拡張することで、ブラウザでフォームに自動入力する仕組みを使いやすくするものです。 これがうまく動作すると、フォーム入力が非常に楽になり、ミスもほぼなくなります。 どれぐらいすごいかというと、ちゃんと設定したブラウザを使うと、フォームで3クリックするだけで、一般的な項目が一気に入力されるのです。 たとえば、この状態から、 名前や住所などの標準的な項目が、一気に自動入力されます。 どうでしょう。こうした機能をサイトに設けられたら、フォームの
The Google Puzzle
We recommend using Google Chrome (download here). ◇ Windows XP 32bit/Vista 32bit/Vista 64bit/7 32bit/7 64bit -Google Chrome (recommended) -Internet Explorer 9+ -Mozilla Firefox 5+ ◇ Mac OSX 10.5.8+ -Google Chrome (recommended) -Safari 5+ -Mozilla Firefox 5+ ■The start button does not work The Google Puzzle uses JavaScript. Turn the JavaScript settings ON in Preferences. ■Taking a break The game hi
サイトの誘惑をバサッと断ち切るChromeの「StayFocusd」の設定と使用方法 | ライフハッカー・ジャパン
パソコンを前にして大事なメールを書いたり、プレゼン資料を仕上げたり、報告書を作成したり、明日までにやらなければならない事は山ほどあるのに、ちょっと調べたいことがあるからとブラウザを開いてしまったが最後、スポーツニュースの結果を見たり、お気に入りのブログをチェックしてしまい、気がついたらあっという間に小一時間過ぎていた...。こういった失敗は、誰にでも一度は経験があるはずです。 よほど意志が強い人でもない限り、ついつい時間を忘れてしまうようなサイトを前に、途中で仕事に戻ることはできません。よって、最初からそういった誘惑の多いサイトを見ないようにすることにエネルギーを使いましょう。そのような時には、Chromeの拡張機能「StayFocusd」が強力に役に立ちます。以前、拡張機能の紹介はしましたが、今回は、StayFocusdの使い方をより具体的に解説します。 ※注 Firefoxユーザーは、
YouTube人気急上昇
【ゆっくり解説】DQN家族らが強風の忠告を受けるも、BBQを続け付近を巻き込む大火災に…「八街市 BBQを続けたDQN 11軒全焼」
厳選して使用している便利なChromeエクステンション19個 - かちびと.net
メインブラウザをFirefoxからChrome に変更して暫く経ちます。Chromeも かなりエクステンションが豊富になって きました。いろいろとエクステンションを 試して、微妙に感じて消して、の繰り返 しですが、そんな中、マストに使ってい る拡張をご紹介します。 色々試して、最終的に残ったChromeエクステンションのまとめです。 CSS Tester どのページでもcssの追加テストが出来ます。すぐに反映されるので結構便利。 CSS Tester CSSViewer 先日記事にしましたが、インストールしてから毎日使っています。マウスを乗せるだけでその要素のcssを表示。便利ですねー。 CSSViewer View Selection Source ドラッグした部分のみのソースを表示します。Web制作時によく使っています。使い慣れるとほんと重宝します。 View Selection So
ブロガーを楽にする8つのChromeエクステンション
有名な拡張が多いですが、僕の簡単な使い方を含めて紹介します。 Lightshot スクリーンショット系の拡張は数あれど、僕は一番こいつがお気に入りです。こいつなしじゃブログを書く気が起きないくらい依存してます。 こいつのスゴイところは、フラッシュだろうがウィンドウの外だろうがなんでも撮れる安定感が素晴らしいのです。 スクリーンショットが取りたい場所で、羽のボタンをクリックします。すると画面全体が暗くなるので、コピーしたい場所をドラッグで範囲選択をします。 すると選択範囲の右下にメニューアイコンが複数表示されます。 選択範囲を編集 Lightshot専用の画像サービスにアップロードされます。（使ったことない） 選択範囲を画面全体に引き伸ばします。 クリップボードにコピーします。 ファイルにPNG形式で保存します。 キャンセル 実にシンプルです。とくにPNG形式で問答無用で保存してくれるのがエ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
kandeza.com
Cortex
Chromeに乗り換えて1年、私が愛用している拡張機能13個まとめ : 二十歳街道まっしぐら