WEB制作を行う上で必要なものというと画像編集ソフトやテキストエディタ、FTPソフト等がありますが、今回はWEB制作に役立つ便利なツールを2つ紹介したいと思います。
レスポンシブ対応の為にブラウザのウィンドウサイズや、デザインを統一するためにWEB上の各要素の幅・高さ・余白の間隔、色などを知りたい時が沢山あります。
開発者ツールや画像編集ソフトで調べられますが、起動して調べる箇所を選択するのに結構手間がかかります。もっと手軽に調べたいものです。
そんな時に役立つのが、画面上スポイトツールと定規ツールです。
【ColorPicker】画面上のスポイトツール
ダウンロード
https://www.vector.co.jp/soft/dl/win95/art/se350616.html
フリーソフト。インストール不要でダウンロード後に解凍して起動するだけで、画面上どこからでも色を取得できます。デュアルモニターでも使えます。
5種類の形式でクリップボードに色を保存することが出来ます。
ルーペがあるので狙った場所を簡単に指定できます。
色取得後もプログラムは終了せず、システムに常駐している間は最後に選択した形式で取得できます。
常駐を終了する際は、タスクマネージャのカラーピッカーアイコンを右クリックで「終了」を選択してください。
・ショートカットキー
[Ctrl] + [Alt] + [Q] ・・・プログラムの常駐時にピッカーを起動します。
[Esc] または [Alt] + [F4] ・・・ピッカー起動時に色取得をキャンセルします。
【Medir】画面上のL字型定規ツール
ダウンロード
https://www.vector.co.jp/soft/win95/art/se319323.html
フリーソフト。インストール不要でダウンロード後に解凍して起動するだけで、画面上どこでもL字型定規でピクセル単位のサイズを測定できます。定規の長さも自由に変えられます。
メジャー上で右クリックするとメニューが開きます。
定規の回転や目盛りの位置・方向も変更できます。
照準アイコンをドラッグすると斜め方向の長さ・XY座標も測定できます。
右クリックメニューのコンソール表示で、目盛りの値や定規の色などの変更もできます。
まとめ
動作が軽く手軽に使えるこの2つのツールは大変重宝しており、開発者ツールや重い画像編集ソフトを起動し色や長さを調査するのと比べると、かなりの時間短縮になります。
古いソフトではありますが、私のWin10では問題なく使えています。これからもお世話になります。
他のスポイトツール・定規ツールも色々試してみましたが、私はこの2つが一番使いやすかったです。使ったことが無い方は是非一度試してみてください。
この記事を読んだ方はこちらも読まれています
関連記事はありません
カレンダー
- 10月 2024
- 9月 2024
- 8月 2024
- 7月 2024
- 6月 2024
- 5月 2024
- 4月 2024
- 3月 2024
- 2月 2024
- 12月 2023
- 11月 2023
- 10月 2023
- 9月 2023
- 8月 2023
- 7月 2023
- 6月 2023
- 5月 2023
- 4月 2023
- 3月 2023
- 2月 2023
- 1月 2023
- 12月 2022
- 11月 2022
- 10月 2022
- 9月 2022
- 8月 2022
- 7月 2022
- 6月 2022
- 5月 2022
- 4月 2022
- 3月 2022
- 12月 2021
- 11月 2021
- 10月 2021
- 9月 2021
- 8月 2021
- 7月 2021
- 6月 2021
- 5月 2021
- 4月 2021
- 3月 2021
- 2月 2021
- 1月 2021
- 12月 2020
- 11月 2020
- 8月 2020
- 6月 2020
- 5月 2020
- 4月 2020
- 3月 2020
- 2月 2020
- 1月 2020
- 12月 2019
- 11月 2019
- 10月 2019
- 9月 2019
- 8月 2019
- 7月 2019
- 6月 2019
- 5月 2019
- 4月 2019
- 3月 2019
- 2月 2019
- 1月 2019
- 12月 2018
- 11月 2018
- 10月 2018
- 9月 2018
- 8月 2018
- 7月 2018
- 6月 2018
- 5月 2018
- 4月 2018
- 3月 2018
- 2月 2018
- 1月 2018
- 12月 2017
- 11月 2017
- 10月 2017
- 9月 2017
- 8月 2017
- 7月 2017
- 6月 2017
- 5月 2017
- 4月 2017
- 2月 2017
- 1月 2017
- 12月 2016
- 11月 2016
- 8月 2016
- 7月 2016
- 6月 2016
- 5月 2016
- 4月 2016
- 3月 2016
- 2月 2016
- 1月 2016
- 12月 2015
- 11月 2015
- 10月 2015
- 9月 2015
- 5月 2015
- 4月 2015
- 3月 2015
- 2月 2015
- 1月 2015
- 12月 2014
- 11月 2014
- 10月 2014
- 9月 2014
- 8月 2014
- 7月 2014
- 6月 2014
- 5月 2014
- 4月 2014
- 2月 2014
- 1月 2014
- 12月 2013
- 11月 2013
- 10月 2013
- 9月 2013
- 8月 2013
- 7月 2013