ぼくはまちちゃん!(Hatena)

  • ライブドアリーダーで読む → Subscribe with livedoor Reader
ぼくはまちちゃん!のRSSフィード

2007/04/18

ぼくがCSSを書くときに手放せないツール


こんにちはこんにちは!! CSS書いてますか!!
ぼくなんか書きすぎて border: 1px solid red; が0.5秒で打ち込めそうな感じなんです><

ところで、CSSいっぱい書いてると、ぱっと見ただけでおよそ何ピクセルか、
わかったりするようになるから人間ってすごいよね!

この余白は 6px だな、こっちのblockは 40px くらいかな? とか…! 大きいのは難しいけど!

最近はエラスチックなんとかレイアウト?っていう em で指定しちゃうのが流行だそうだから pxはあまり使わないのかもしれないけどね!

ところで、そんなぼくがCSSを書くときに必須なツールがあります!
紹介しちゃいますね! きっと手放せなくなっちゃうよ!

ひとつが、カラーピッカーだね! 画面上の好きな色を拾うやつ!
これは色々なものが公開されているから省略しますね! ぼくはこれつかってるけど!


もうひとつ…!


ものさしX

ものさしX

これこれ! すごいよ!!!!!!!!
画面の好きな位置に、ものさしが置けるんだよ!!
超画期的っていうか本当に天才だよこれ!

ぼくこれ、会社とかでも使ってて、最初みんなはバカにするわけですよ!
「ものさし?? なにそればかじゃないのw」 とか><

でも試しに使ってみると、皆さんそろって次第に良さを実感です!

ドラッグしてもってきて、測る!
邪魔になったら、端っこにドラッグ!
ダブルクリックで縦!
ダブルクリックで横!!
矢印キーで 1px づつ移動!

まさに、ものさし感覚ですね!

要素のだいたいの大きさ測るのはもちろん、
いろいろな要素が、きっちりと 1px のずれもなく揃っているのか見るときに超べんり!

よく、Firefoxの拡張とか、ブックマークレットとかで、グリッドの線とか出しちゃうのがあるけど、そんなのとは比べものにならないくらいの使いやすさだよ!

これってまさに「デスクトップ」にあるべきツールなんだと思います!

ものさしX (Windows用) [ http://www.vector.co.jp/soft/win95/util/se013576.html ]

nachtfalternachtfalter 2007/04/18 14:18 ちわ。ものさしで思い出した。
はまちちゃんはAdobeのApolloはまだ試してないの?
http://labs.adobe.com/wiki/index.php/Apollo:Documentation:Interacting_with_a_window

brazilbrazil 2007/04/19 03:31 おっす。
Firebugの右パネル、Layoutタブのボックスモデルの上をマウス動かして出るルーラーが便利じゃない?

honestaholichonestaholic 2007/04/19 04:01 同じようなソフトですがこれつかってます。角度も自由で便利っすよ!
http://www.vector.co.jp/soft/win95/util/se288807.html

esecuaesecua 2007/04/19 04:59 good job!

SyunpeiSyunpei 2007/04/19 09:01 僕はJava書き過ぎて、
「public class A implements java.io.Serializable{}」
を1秒以内にかけそうな感じです(^^;

obacanobacan 2007/04/19 12:00 画面にホンモノの定規あてると楽しいよ!http://www.monotaro.com/Monotaro3/pi/full/mono06720944-070222-04.jpgみたいなやつとか。
ぼくが使ってるのは木製のてざわりいいやつ!

mobile_webmobile_web 2008/04/29 23:34 ぼくもものさしX 使っていたんだけど・・・
1・2・3〜って、読まないといけないから
Screen Calipersに変えました! 1番いいね

www.iconico.com/caliper/