POOKMARK Airlinesからはてなブックマークに乗り換えました。
理由は、Firefoxの拡張機能が便利そうだったから。
で、データの移行がめちゃめちゃめんどくさかった。。。
下記ツールで同期。
なぜかPOOKMARKとはてブは同期できなかった。
以上で無事完了。
もっとスマートな方法はなかったんかなぁ。。。
例えば、下記の様なコードはIE6で動作しない。
$("#aaa").click(function(){
$("#bbb").submit(();
});理由はよくわからない。
「ある画像ボタンをクリックしたらsubmit」みたいなことがしたかったけどな。
ボタン画像をformのsubmitにする場合は、
buttonを使うのがよいかも。
僕はbuttonに対して画像置換を使った。
<button name="submit" type="submit">
<span>送信</span>
</button>.button {
width: 100px;
height: 25px;
background: url(../img/bg.gif) no-repeat;
}
.button span {
display: none;
}<a mailto:〜>等でメールアドレスをする場合に、
メールアドレスを収集しにくくするHTMLエンティティ化ジェネレータを作りました。
HTMLエンティティ化ジェネレータ
http://dounokouno.com/webtools/entity/index.html
メールアドレスを収集されにくくするため、エンティティ化を施すことができます。
オプションで、よく使われるであろう「<a href=”mailto:〜”>〜</a>」で囲んだ状態で出力することができます。
元ネタは下記サイトです。
パクです。。。
すみません。。。
HTMLエンティティ化
http://hp.vector.co.jp/authors/VA022023/javascript/make_html_entity-ja.htm
エンティティ化がメールアドレスの収集防止にどれほど役に立つかは分かりません。
気休め程度かもしれません。
それでもしないよりまし、という程度でやっておいた方が良いかもしれません。
そんなツールです。
WCAN x CSS Nite 2009 SPRING のLightning TalksでWeb制作小物ツールについて話をしました。
超緊張した！！
いつぶりだろ、緊張し過ぎてお腹痛くなったの。
覚えている限りでは、いつかのティーンズミュージックフェスティバル以来。
（10代最後の年だ！！）
全然関係ないけど、
ティーンズミュージックフェスティバルって、
無くなっちゃったのね。
TEENS’MUSIC FESTIVAL終了のお知らせ
http://www.yamaha-mf.or.jp/tmf/
200人とか、人多すぎ。
全然、前見てしゃべれないの。
余裕あるふりしてストップウォッチ見て2分経過したことを確認したけど、だから何って感じ。ただ見ただけでした。
（LTは5分間。）
2回くらい、頭の中で練習してた。
プロジェクタの解像度の設定の仕方をスイッチ鷹野さんが教えてくれた。
「すごく緊張してます。」って話をしたら、「大丈夫、大丈夫。」って肩を叩いてくれたのが嬉しかった。
自分は3人中の2人目。
自信がない状態でステージ（？）に立つとうまくいかないので、
「このツールは良いツールだ！」
「みんな使いたいに違いない！！」
って言い聞かせた。
ちょっと落ち着いた。
もう、無我夢中。超緊張。
何をしゃべったか、あんまり覚えてない。
お腹が痛くなってきた。
頭も痛くなってきた。
イブを飲んだ。
サイバーガーデン益子さんが、わざわざ僕の席まで来て声をかけてくれた！
「tagawaさん、良かったですよ。」ですって！！
名前を覚えてくれたことに超感動！！
「dounokouno」の由来がBUMP OF CHICKENって話をして、
BUMP好きな人、懇親会で声かけてくださいって言ったのに、
誰も声をかけてくれない。。。
BUMP好きっていないのかなぁ。。。
あと、iGoogleの「dynamic-height」がうまく動かないので、
知ってる人教えてくださいって話もしたのに、誰も教えてくれない。。。
「dynamic-height」が使えてる人、どうやって使うか教えてください。。。
妙に興奮しちゃって、全然眠れなかった。
ライブの後みたい。
ライブの後がどんなだったか、もうあんまり覚えてないけど。。。
超緊張したけど、超楽しかった！
またしゃべりたい！！
jQueryは結構頻繁に使ってるので、再確認な感じ。
opacityは面白いなと思ったけど、使いどころが限られそう。
これを機会に、社内の人間もjQueryをガリガリ使えるようになったら嬉しい。
CSS3のIEシリーズの対応の悪さにがっかりした。
頼むよ、MS。。。
「hasLayout」は名前だけ知っていて中身を良く知らなかったので、
とても勉強になった。
何はなくとも「zoom:1;」！覚えた！
[参考]
IEでのCSSのバグを回避するhasLayout
http://coliss.com/articles/build-websites/operation/css/143.html
僕はコードビュー派。
知ってると知らないでは全然効率が違うテクニックがいっぱいでした。
もっとDWを使いこなしたい。
[参考]
[ 改訂版 ] Dreamweaver CS3版 スペシャルコードヒント
http://bunlog.d-s-b.jp/2008/07/p-id129.php
Codaの使い勝手は絶品〈その2〉
http://blog.worldending.jp/mac/coda2.php
Coda
http://www.panic.com/jp/coda/
[メモ]
「Panic Sans」フォントは、Coda.appに含まれている。
いろんな人のWCANレポートを見ると、好印象な意見が多かった。
安心した。
次が僕の番だったから、気が気じゃなかった。
どうでしたか。。。？
映画の宣伝かと思ったら、色の雑学のお話でした。
面白そう。ちょっと行ってみたいかも。
[参考]
WCAN x CSS Nite 2009 SPRING
http://www.wcan.jp/index.php?ID=221
WCAN x CSS Nite 2009 SPRINGが終了しました
http://cssnite.jp/archives/post_1500.html
自分が仕事でWeb制作をする上で、
こういうツールがあったら便利だなーと思うツールを自作しました。
http://dounokouno.com/webtools/index.html
主に自分と、会社のワークフローの一部に利用していく目的で作りました。
折角作ったので、広く使ってもらえたらと思います。
1サイトで1機能だと、いろんなサイトをお気に入りに登録しておかなければいけないけど、1サイトでいろいろ出来たら、1サイトだけをお気に入り登録しておけば良いですよね。
（まだ2つしかないけど。。。）
していく予定。
動的に高さを変更できる「dynamic-height」がうまく使えず断念中。
どなたか「dynamic-height」の使い方を教えてください。。。
パスワードジェネレータ
http://dounokouno.com/webtools/password/index.html
紛らわしい文字を使わないことで、お客様のパスワード入力間違いを減らせます。
また「読みがな」をつけることによって、同様の間違いを減らせます。
ダミーテキストジェネレータ
http://dounokouno.com/webtools/password/index.html
デザインやワイヤーフレームの作成時に、
「原稿はまだ決まっていないけど、だいたいこれくらいの文章量でお客様に原稿を用意してもらいたい。」という時に使えます。
ご意見やご要望をお待ちしております。
基本、自分が使うツールなので、
どこまで要望に応えれるかは分からないですけど（笑
連絡先
dounokouno[at]gmail.com
