やっとめぐりあった使いやすいテキストエディター

これまでいろいろなテキストエディターを使ってきましたが
どれもしっくりこずにきました。

・・・・・が

とうとう(ワタシが)サイコーと言えるテキストエディターに巡り会いましたよ。

その名は NotePad++
notepad-plapla

どこかで聞いた地味~な名前だけれど
フリーの割には、地味に欲しいと思っていた機能がしっかり載っている。

直前まで使っていたMery。
これはこれでサイコーだったけれど、ワタシの使っているマウスとの相性が悪いのかかスクロールがうまくとまらなかった。

NotePad++ではそれがなくなった。
これはストレスが減って嬉しい。

更に、オープンソース?のせいか、いろいろと改良が施されていて
とにかく気に入ったのが、タグの折りたたみ。

これはかなり嬉しい!

窓の杜からは、日本語環境向けに改良されたバージョンがダウンロード可能です^^
NotePad++ EUC-JP 対応版

ダミーテキスト生成ツール2つ

とりあえずまとまった文章が必要な時に便利な、
オンラインでダミーテキストを生成してくれるツール

 

「すぐ使えるダミーテキスト

 

[browser-shot width=”380″ url=”http://lipsum.sugutsukaeru.jp/”]

 

必要なラジオボックスを撰んで生成するだけで簡単にできあがる。

 

 

ダミーテキストジェネレーター

[browser-shot width=”380″ url=”http://webtools.dounokouno.com/dummytext/”]

 

使い方は簡単。
プルダウンメニューから使いたい文章を撰んで生成するだけ。

 

ダミー画像作成ツール

サイト作成途中で、できるだけ見た目が実際のサイトと近い感じで試したいとき
ダミーの画像を入れたい時がある。
でも、また試作段階なので時間はかけずにほしいサイズの画像を作りたい。

 

そんなときに便利なオンラインツールが、ダミー画像を簡単作成してくれる
PlaceIMG

 

PlaceIMG

 

1)100×100のアイコンを作るので「100」を入力。
2)写真のタイプ(アニマル、アーキテクチャーなど)から好きなタイプを選択
3)右下GENERATE THE IMAGEをクリック

 

 

PlaceIMG

 

4)100ピクセルのアイコンが生成される。
5)画像下の黄色い下向き矢印のアイコンをクリックして、任意の場所にダウンロードする。

 

74pixのアイコンだとこんな感じ↓
 

 

 

圧縮CSSを綺麗に整形するなら「StyleNeat」

CSSに関する便利なツールのお話。

 

CSSを圧縮してしまい、編集するときに困る場合、
元の綺麗なCSSに書き直してくれるサイトが 「StyleNeat

 

1)整形したいCSSファイルをコピペするかアップロードする

StyleNeat

 

2)「OrganizeCSS」アイコンをクリックする

StyleNeat

きれいに書き直された!

あとはコピペして編集、アップロード。

 

CSSについての書き方は参考にするならここ

ちょこっと忘れた時にも便利。

↓↓↓

CSSのちょっと高度な書き方

CSSの高度な書き方

 

WEBカラー256色 参考サイト

WEBカラーのコードを知りたい時や、逆引きに便利なサイト一覧。

 

Color Picker.com
[browser-shot url=”http://www.colorpicker.com/” width=”333″]

 

Hex Color Code Chart & Generator
[browser-shot url=”http://www.2createawebsite.com/build/hex-colors.html” width=”333″]

 

colo rschemer online v2
[browser-shot url=”http://www.colorschemer.com/online.html” width=”333″]

 

Web Color Picker
[browser-shot url=”http://http://www.lightsphere.com/colors/” width=”333″]

 

RBG値と16進数カラーコードの相互変換ツー(逆引き)
[browser-shot url=”http://www.peko-step.com/tool/tfcolor.html” width=”333″]

 

カラーネーム(色指定するとき)
[browser-shot url=”http://goodsearch.jp/ut3/color2.html” width=”333″]
色見本/カラーチャート/color chart
[browser-shot url=”http://color_chart.nazca.co.jp/” width=”333″]

 

 

オマケ

日本の伝統色 和色大辞典 -Traditional Japanese Color Names
[browser-shot url=”http://www.colordic.org/w/” width=”333″]

 

FirefoxとChromeのバックアップツール

Mozilla FirefoxとGoogle Chromeの今の設定を
バックアップするツールは別のPCでも同じ設定を使えて便利。

何か起こった時にもリストアすれば元通りになるので、
万一に備えて日頃からバックアップを取っておきましょう。

★Firefoxのバックアップツール

MozBackupという名前で無料配布されてます。

MozBackup – Backup tool for Firefox and Thunderbird

 

★Chromeのバックアップツール

その名の通り、Google Chrome Backup。
Parhelia Toolsよりダウンロード可能。

Parhelia Tools – Google Chrome Backup
ダウンロード先:Parhelia Tools – Google Chrome Backup Download