タグ

chromeとutilityに関するkathewのブックマーク (9)

  • Chrome で記事を読む事に集中する為の拡張機能 Mercury Reader

    ブログやニュースサイトといった Web サイトで記事を読む際、記事文以外にも関連リンクやメニュー、広告といった要素なども一緒に表示されてしまいます。リンクやメニューは他の関連情報を表示する為便利な事もありますし、広告は Web サイトを運営するのに重要な項目の1つです。 しかし、場合によっては記事を読むことに集中したい時もあるでしょう。 そういった場合は Mercury Reader のような拡張機能を利用してみると良いでしょう。 この拡張機能を利用すると Web ページ上の不要な要素を排除し、記事文を読む事に集中する事ができます。 例えばこのブログ上で記事を表示してみると、以下のように記事文以外にも様々な要素が表示されています。 この状態でメニューバーより Mercury Reader のアイコンをクリックすると以下のように余計なものが排除され記事文が読みやすく表示されるようにな

    Chrome で記事を読む事に集中する為の拡張機能 Mercury Reader
  • Chromeのタブを保存する拡張機能が便利すぎてクラッシュすら怖くない「Session Buddy」 | Ledge.ai

    普段ブラウザはChromeを使って、色んなサイトを比較したり、同時進行するときなど、タブをいくつも開いています。タブは便利ですが、間違ってChromeを終了させてしまったり、クラッシュしたときに誰にも怒りをぶつけられずファビョることになります。 そんな不安を解消、解決してくれる拡張機能に出会えましたので、今回はそちらをご紹介したいと思います。 参考:Chromeブラウザを拡張機能するおすすめExtensions8選「Streamus」「AutoPatchWork」など 拡張機能Session Buddy」でタブ管理 まずはChrome拡張機能Session Buddy」をインストールします。 インストールは一瞬で終わり、ツールバーにアイコンが表示されます。 このアイコンをクリックすると、新しいタブが開くと同時に、管理画面が表示されます。 開いていたタブの履歴は自動保存されている 管理

    Chromeのタブを保存する拡張機能が便利すぎてクラッシュすら怖くない「Session Buddy」 | Ledge.ai
  • Chrome 70 デベロッパーツールが便利になってる!Web制作者がチェックしておきたい新機能のまとめ | コリス

    DOMノードの強調表示 Consoleタブを選択。 DOMノードに評価される式を入力。 入力する式 以下の便利な式を使用できます。 「document.activeElement」で、現在フォーカスのあるノードを強調表示。 「document.querySelector(s)」で、任意のノードを強調表示。sはCSSセレクタで、DOMツリー内のノード上をホバリングするのと同じ。 「$0」で、DOMツリーで現在選択されているノードを強調表示。 「$0.parentElement」で、現在選択されているノードの親を強調表示。 パフォーマンスパネルの最適化 今までのパフォーマンスパネルは大きなページをプロファイリングする際にはデータの処理とビジュアル化に時間がかかりました。Chrome 70ではこの処理とビジュアル化が高速になりました。 パフォーマンスパネルの最適化 信頼性の高いデバッグ Chro

    Chrome 70 デベロッパーツールが便利になってる!Web制作者がチェックしておきたい新機能のまとめ | コリス
  • Chromeのエンコード機能が消えた!が拡張機能が公開されていた | ビギブ

    Chromeのエンコード機能が消えた!が拡張機能が公開されていた※ ページはプロモーション・広告が含まれています。 google 昨年12月にChromeのバージョンアップの時に、エンコード機能がなくなりました。 ほとんどのサイトページがUTFで作成されるようになった現在、エンコード機能を使用する人は少なくなってきたと思いますが、旧いサイトの中には、shift-jisやeucにしないと文字化けするページが存在します。 また、Web制作仕事を行っているは、旧サイトのメンテナンスも行う場合があります。 Chromeのエンコードが消えたとして、FIREFOXを使えばいいのですが、 Chromeのデベロッパーモードのついでに使えれば、効率が良いのです。 Chromeエンコード拡張機能が公開されていた情報を集めようかと思い、フォーラムを見ていましたら、拡張機能に「テキストエンコーディング」が追加

    kathew
    kathew 2018/06/22
    うーん。需要が少ない機能だから本体からは撤去したのね
  • 文字の上にカーソルを置くだけでフォント名が分かるChromeの拡張機能「WhatFont」

    ウェブサイトはレイアウトや文字の選択で雰囲気がガラっと変わるため、人目を引くウェブサイトが使っているフォント名・文字サイズ・文字の色などは気になるところです。文字の上にカーソルを置いたりクリックしたりするだけでフォントの種類や詳細が分かるGoogle Chrome拡張機能が「WhatFont」で、気になるウェブサイトのデザインの秘密が簡単に分かるようになっています。 WhatFont Tool - The easiest way to inspect fonts in webpages « Chengyin Liu http://chengyinliu.com/whatfont.html Chrome ウェブストア - WhatFont https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpml

    文字の上にカーソルを置くだけでフォント名が分かるChromeの拡張機能「WhatFont」
  • Google Chromeでウェブの7つのイライラを解消する方法 | ライフハッカー・ジャパン

    みなさんの、ウェブを使っていてイライラすることはなんですか? インターネットは現代人にとって、もはや不可欠なツール。仕事にプライベートに、手放せないものだからこそ、便利さにはとことんこだわりたいですね。たとえば、しつこいオンライン広告や無駄に重たいFlashコンテンツなど、まだ改善すべきところは多々あります。 さて、『Google Chrome』では、スピード改善など、ユーザのイライラを解消する工夫が施されていますが、『Firefox』と比べると、拡張性にはまだ水をあけられている感が...。とはいえ、公式ギャラリーにある拡張機能を駆使すれば、インターネットをぐっと快適に使うことができます。そこで、こちらでは、よくあるイライラ7点をとりあげ、これを解消するための、オススメな拡張機能をご紹介しましょう。 1: 広告をブロックする Firefoxでは、拡張機能「AdBlock Plus」をつかえ

    Google Chromeでウェブの7つのイライラを解消する方法 | ライフハッカー・ジャパン
  • Not Found

    指定されたページは存在しない(URLが間違っている)か、 またはメンテナンス中のため、一時的に表示できなくなっています。 ベクターのトップページからたどるか、サイトマップから目的のページを探すか、またはしばらく経ってから再度、アクセスしてみてください。 ご不明な点があれば、お問い合わせページをご覧の上、お問い合わせください。 ※15秒後にトップページに戻ります。

    kathew
    kathew 2010/05/14
    使い方次第ですごく便利な気が
  • Google Chromeにマウスジェスチャー·Chrome Mouse Stroke MOONGIFT

    Chrome Mouse StrokeはGoogle Chrome向けのオープンソース・ソフトウェア。Webブラウジングの際にはマウスが欠かせないので、マウスジェスチャーアプリケーションには注目が集まる。利用されている方も多いことだろう。過去にはChrome Gesturesやnk-gestureといったソフトウェアを紹介してきたので人気の高さが伺い知れるだろう。 Google Chrome用マウスジェスチャー Chrome Mouse Strokeはその意味では同種のマウスジェスチャーソフトウェアになる。機能拡張なので、Google Chromeの起動時に--enable-extensionsを付けて起動し、ダウンロード&インストールすれば使えるようになる。 インストールが終わったらhを描くように動かせばヘルプページが呼び出せる。基的な機能は他のマウスジェスチャーと変わらないが、右ボタ

    Google Chromeにマウスジェスチャー·Chrome Mouse Stroke MOONGIFT
  • 窓の杜 - 【特別企画】「Google Chrome」でマウスジェスチャーを使う

    最新の記事2016年2月【特集】容量削減は回避できた? “OneDrive”を活用するためのアプリまとめ (16/02/02)2015年12月【年末企画】編集部員の“今年のお気に入り” (15/12/25)【特別企画】使いこなせば検索・置換が捗る! 「EmEditor」で正規表現を身に着けよう (15/12/25)【特集】クリスマスが来る前に!年賀状関連のフリー素材&フォント&ソフトまとめ (15/12/19)【特別企画】大丈夫?年賀状のマナー。年賀状作成の前に知っておきたい基礎知識 (15/12/14)【特別企画】失敗しない“年賀状”の選び方 (15/12/05)2015年11月【特別企画】そろそろ年末!年賀状のWeb注文を試してみた、「デザイナーの手作業」やARまで…… (15/11/27)2015年10月【特別企画】古いWebサイトを簡単にスマホ対応! 「BiND 8」でコードをい

  • 1