ホームページ » ツールキット » Webデザイナーのための40の便利なGoogle Chrome拡張機能

    Webデザイナーのための40の便利なGoogle Chrome拡張機能

    Google Chromeが大好きです。そのシンプルさ、スピード、そしてパフォーマンスは間違いなく最高です。しかし、時には、単純すぎることも問題になります。特に、Web DeveloperのようなFirefoxアドオンに大きく依存しているWebデザイナーにとっては特にそうです。それは2008年に戻ってアドオンを持っていなかったという理由だけで、私はそう、Chromeから離れて歩いた.

    しかし今、すべてがまた変わります。他のオタクがChromeに同じ愛情を抱いていることは驚くことではなく、彼らはFirefox Addonと同様の機能を持つChrome Extensionを作成することにしました。私はそれらの拡張機能を詳しく調べ、それらに非常に満足していたので、私は拾うことにしました。 Webデザイナーにとって非常に役立つ40の拡張 そしてあなたと共有する.

    だからここに彼らはあなたのためです、あなたのChromeを装備し、あなたの生産性を高めます.

    カラーピッカー

    ColorPickerは、その名前と同じように、主にWebページ上の任意の場所から色の値を選択して取得するために作成された便利な拡張機能です。さらに、エリアを選択してカラーパレットをクリックすると、コードに触れることなくそのエリアの色がどのように変化するかを確認できます。.

    クロムパレット

    画像から配色を見つけるのに頭痛がする? Chromeパレットはあなたのデザインやインスピレーションのニーズに合わせてウェブサイトの画像から最大64色のパレットを作成することで効率的にあなたの問題を解決します.

    カラー調整

    カラーピッカーはカラーピッカーと同じようにWebサイトの色を変更できますが、より具体的な方法があります。このエクステンションにCSSセレクタを入力して、テキストの色、背景色、境界線の色をあなたの意志に合わせて微調整するだけです。.

    タイポグラフィ

    フォントエディタ

    フォントエディタを使用すると、サイズの変更、行の高さ、バリアントなどのフォント設定の変更や変更を監視することができます。.

    Googleフォントプレビューア

    その名前で指定されているように、この拡張子はあなたがサイズ、スタイル、太さと影であるテキストスタイルオプションでグーグルフォントディレクトリからフォントをプレビューすることを可能にする。特定のフォントに満足している場合は、拡張子で提供されているリンクとCSSコードをコピーしてフォントを使用することができます。.

    開発

    ウェブ開発者

    おそらくWebデザイナーおよび開発者にとって必須の拡張機能です。スクリプトの表示からオブジェクト情報の表示まで、Web Developerは既存のWebサイトから必要なあらゆる情報を提供することを目的としています。この拡張機能は、カラーピッカー、ウィンドウリサイズ、バリデータなどの便利なツールで武装しています。.

    振り子

    Web Developerに似ているがスタイルビューア、ソースビューア、バリデータのような必要なツールだけが装備されている軽量で便利な開発者ツール.

    Firebug Lite

    Firefoxとは異なり、Firebug Liteは、HTML要素、DOM要素、およびボックスモデル共有に関して、Firefoxのような視覚的表現を提供します。それはまたあなたのマウスでHTML要素を調べる能力を持っています、そしてあなたは活発にこの拡張でCSSプロパティを編集することができます.

    スタイルボット

    Stylebotを使用すると、CSSコードに触れることなくWebサイトを直接スタイル設定できます。これにより、入力作業を大幅に省くことができます。この拡張機能の最大の特徴は、Webサイトに変更を加えるたびに、使用するCSSコードを生成できることです。.

    CSSViewer

    特定の要素にどのCSSスタイルが適用されているのかを知りたいときは、いつでも 'Inspect Element'を押すのにうんざりしていませんか。 CSS Viewerは、フォント、色、要素の配置などの重要な情報を活発に表示することで、ユーザーを支援します。.

    スタイルシートリローダ

    Webサイト全体を更新せずにCSSスタイルシートを再読み込みします。これにより、インターネット接続が遅いデザイナーにとって特に待ち時間が大幅に短縮されます。.

    BuiltWithテクノロジプロファイラ

    この拡張機能の最もクールな部分は、フレームワークやWeb標準など、実装されているすべてのWebテクノロジを非常に詳細な情報と共に一覧にしたものです。.

    IEタブマルチ

    元のInternet Explorerと最もよく似ていることが証明されているIE Tab Multiは、Chrome内のInternet Explorerで、マルチタブなどの多数のIEのデフォルト機能をサポートしています。.

    ウィンドウリサイズ

    Window Resizerを使用すると、Webサイトの画面解像度と標準またはユーザー定義の画面解像度との互換性をテストできます。.

    HTMLバリデータ

    自動モードまたは手動モードのいずれかで、オンラインまたはローカルホストのWebページのHTMLコードを検証できる最も優れた検証機能拡張の1つです。検証結果をWebページに表示するか、まったく新しいタブに表示するかを選択することもできます。.

    視力

    さまざまなテーマとフォントのオプションで、SightはWebサイトのソースコードを視覚的により快適な形式にハイライトします。.

    PHPコンソール

    PHPのエラーに悩まされていても、それが何でどこにあるのかわからないのですか? PHPコンソールは、エラー、例外、およびデバッグメッセージを通知形式で表示することで、ユーザーを支援します。.

    JavaScript API検索

    JavaScript API検索では、Chrome Omnibox、またはいわゆるアドレスバーにサポートが追加され、オートコンプリート機能を使用してJavaScript関数をオンラインで検索できます。探している機能が見つからない場合は、Google Codesearch、Development and Coding Search、およびMozilla Developer Network検索からの関連検索をさらにお勧めします。.

    jQuery API検索

    jQueryはユーザーエクスペリエンスを向上させる主要なJavascriptライブラリであることが証明されていますが、jQuery API SearchはChrome OmniboxのjQuery APIを介して検索する機能を提供します。 「jq」と入力し、その後にアドレスバーにスペースを入力するだけで、外出中です。.

    PHP検索

    jQuery API Searchと同様に、この拡張機能はあなたのChrome Omniboxにあなたの参照用にPHPコードを検索するためのサポートを追加します。.

    生産性

    集中し続ける

    時間を無駄にしているWebサイトから身を守ることを誓ったが、それが成功したことはない?特定の期間、Webサイトの無駄な時間をブロックする仮想スーパーバイザーとして機能し、サイトのブロック時間をブロック解除または短縮しようとすると、真剣にアドバイスします。それはまた核選択と挑戦モードのようなあなたの時間を無慈悲な方法で浪費する時間を無駄にするような決定的な特徴で武装しています.

    ポップクロム

    PopChromを使用すると、「ありがとう」の「ty」など、テキストフレーズ用の独自のショートカットを定義できます。略語を定義済みのテキストフレーズに変換するにはアクティベーションキーが必要です。そのため、他のショートカットキーとクラッシュしないキーの組み合わせを選択してください。.

    Quickrr生産性キット

    Quickrr Productivity Kitは、翻訳者、電卓、タスク、実行単位、単位変換などの基本的かつ便利なツールのバンドルを提供します。.

    トドイスト

    設定が簡単なアカウントで、このタスクマネージャにアクセスして、必要なすべてのタスクをまとめて編集できます。この拡張機能の最も優れた部分は、あなたのタスクがオンラインで保存されているため、この拡張機能がインストールされているすべてのChromeでタスクレコードにアクセスできることです。.

    アナンクタイマー

    特定の作業に費やした時間を追跡するか、特定のWebサイトに費やした時間を記録します。 Anankeタイマーはまた複数の時間追跡をサポートし、あなたが過去に追跡したものを通して閲覧することを可能にします.

    Chromeツールボックス

    Googleが作成したChrome Toolboxは、タブの動作の変更、フォームデータの復元、ブックマークフォルダから定義済みのリンクを起動するショートカットの作成などのカスタム機能を提供します。.

    Chromeページ拡張

    特定のページにアクセスするためにもっとクリックするのを好む人はいません。ChromePage Extendedは、拡張機能のような必要なすべてのChromeページにアクセスするための最も速いショートカットです。.

    AppJump

    AppJumpを使用すると、ブラウザのツールバーからChromeアプリケーションを整理してすばやく起動できます。.

    ブックマークバースイッチャー

    ブックマークが多すぎて効率的に整理できなかった? Boorkmark Ba​​r Switcherを使用すると、新しいブックマークバーを作成して簡単に切り替えることができます。.

    TabCloud

    あなたのウィンドウセッションを保存し、後でブックマークフォルダの異なる部分から別のウェブサイトを開くことからあなたに多くの時間を節約するTabCloudを使ってどんなコンピュータにでもそれらを復元します.

    リソース

    類似ページ

    検索エンジン大手のグーグルによって開発された、類似ページは、あなたが読んでいて、もっと発見することに興味がある類似したウェブコンテンツのためにウェブを検索します.

    ユニバーサル検索

    リソースの検索や参照は、ウィキペディア、ビング、その他の検索エンジンで検索するためのオプション付きの検索ボックスを提供するユニバーサル検索の方が簡単です。現在表示しているWebサイトから任意のテキストをハイライトすると、検索ボックスもポップアップします。.

    素晴らしいスクリーンショット

    Webサイトの任意の部分をキャプチャして、長方形、円、矢印、線、およびテキストでそれに注釈を付ける、まったく素晴らしいスクリーンショットの拡張子です。その後、スクリーンショットをPNGファイル形式でコンピュータまたはWebにエクスポートできます。.

    Evernoteにクリップ

    Web上であなたの発見を捉えて記録してからEvernoteにアップロードするEvernoteによる公式拡張。拡張機能は、保存したメモを検索して同期する機能もサポートしています。.

    Diigo

    Diigoを使用して、付箋紙をハイライト表示、注釈付け、または非公開でWebページに投稿して、Webページにアクセスしたときにいつでも表示できるようにする.

    思考

    Thinkeryをあなたのオンラインの頭脳と考え、そして後で見るためにリンクアドレスとテキスト選択をそれに保存してください。.

    私のノート

    メモを取ることは簡単なプロセスであるべきです、そしてそれはあなたがコンテキストメニューのワンクリックで選択されたテキストをブックマークすることを可能にするmyNotesで可能です.

    マイクロストックフォトパワー検索

    おそらくあなたがFotolia、Dreamstime、そしてShutterstockのような有名な代理店から高品質のストックフォトを探すための唯一の検索拡張機能です。.

    反射

    Chromeの拡張機能やアプリケーションが大きく成長し進化し続けるにつれて、ますます多くのFirefox愛好家がGoogle ChromeをデフォルトのWebブラウザとして採用する可能性があります。それが言われて、あなたはあなたの顔をGoogle Chromeにその現在の拡張機能とアプリケーションで向けるでしょうか? Google Chromeへの移行を促進する拡張機能、アプリケーション、機能?

    もしあなたのChromeに素晴らしい拡張機能があれば、私たちと共有してください、素晴らしいツールのためのスペースは常にあります!