主要ブラウザ
主要ブラウザ対抗スピードテスト(最新版)
選手の顔ぶれ・・・
Firefox3.0.3
IE8ベータ版
Safari
Google Chrome
Opera9.6
世界最速を謳ったFirefox3最終版のリリースは大きな事件でしたが、その後のIE8ベータ版、Google Chromeベータ版、そしてFirefox3.0.3などがリリースされ、どんどん激化しているブラウザ抗争。先日、Opera9.6もリリースされて、もうひっちゃかめっちゃかという様相を呈してきました。果たして、どれが一番便利なのか、皆目検討もつきません。
Web制作者泣かせのこのブラウザ祭り・・・。Vistaユーザーも増える中。
チェックするブラウザが増えるということは、チェックするOSが増えるということは、その数×制作したページを確認しなければいけないし、×納品するまでにかかる修正の数xブラウザの数xOSの数xページ数なわけで、クリック作業を考えたらそりゃ腱鞘炎にもなるわけです。眼精疲労は必至なわけです(´`;)
いくら近所に引越したところで、帰る時間早くなるかといったら微妙なところで、いたちごっこな予感です(苦笑)
ちなみに、pxblogを見ている人の環境って、どうなのかな?と解析をここ1週間見てみたら、↓こんな感じでした。
Googleで見てる人が見当たらない。やっぱりまだかな。
Firefoxアドレスバーが出なかったので、ツールバーカスタマイズ技を覚えました
Firefoxで、アドオンを更新したら、アドレスバーが消えちゃったりして、もう一度出現させたいとき。
(強制終了されたのでPCを再起動しないと復帰しませんとか言われたりするから、アドレスバーが出ないのと、関係あるのかな?と思ったけど、あんまり関係あるような、ないような。)
type="image"だとx軸とy軸を取得する妙な挙動対策
問い合わせフォームのinputタグで、submitボタンをtype="image"にして画像にしてると、クリックしたときのx軸とy軸を取得しちゃったりするんですよね。
結構困る;;
<input type="image" src="submit.gif" alt="送信" />↓xとyを取得しちゃったイメージ(確認画面)
type="image"以外で、submitボタンを画像にしたいときのタグとcssメモ。
MTがめっちゃデキる人っぽいブラウザの検索バー
http://www.movabletype.jp/documentation/
ここを見てたら、検索バーが追加されそうになったので、検索バーに追加してみたら、テンプレートタグがめっちゃ探しやすくなった。
めっちゃMTできる人っぽい!笑
(画像がでかくて、ブログのカラムが崩れてるかも。でも気にしないで下さい・・・汗)
Movable type コメント通知などのテンプレート
■サンプル↓こういうメールの様式です。
○○○○○のブログ記事'△△△△△'(ID:x)に新しいコメントが投稿されました。コメント内容○○○○○○○○部分です
コメント投稿者:
メールアドレス:
URL:
IPアドレス:コメントを見る:
コメントを編集する:
コメントをスパムとして報告する:
--
Powered by Movable Type 4.x
MT4.0x→MT4.1xにアップグレードしたときに、ファイル破損しちゃったかなんかで、メール通知テンプレートが空っぽになっちゃったんですよね。
で、ありかを探しました。
■管理画面>システムメニュー>グローバルテンプレート>メールテンプレート
■管理画面>システムメニュー>グローバルテンプレート>メールテンプレート
デフォルトテンプレートをコピペしとくので、デフォルトが欲しい人も、カスタマイズしたくて何処変えたらいいんだろう?て人も参考ください。
↓↓↓
prototype.jsとThickBox(jQuery)のコンフリクトを防ぐ方法
朝から勉強しました。
欲張って、ひとつのページにprototype.jsもjQueryを使うThickBoxも両方使おうとしたら、
怒られちゃいました; ;
コンフリクトを起こしてうまく機能しない (参照: prototype.jsとThickBox(jQuery)がコンフリクト|blog|たたみラボ)。 が、jQueryの$-functionをOverride(参照: Using jQuery with Other Libraries - jQuery JavaScript Library)して多少細工をすれば共存できる。というのが、載ってました。
prototype.jsとThickBox(jQuery)のコンフリクトを防ぐ方法
■htmlのscriptタグなどにjQuery.noConflict();を記述。
<script type="text/javascript">jQuery.noConflict();
</script>
■thickbox.jsの中身を以下の置き換え手順をやれば、共存できると。
正規表現で$を使ってるところが一カ所あるので、
1. "$(" を "jQuery(" で全置換
2. "$." を "jQuery." に置き換える
という手順でいくと間違いないようです。
うまくいきましたv(≧∇≦v)三(v≧∇≦)v
記事を書いてくださったYusukeさん、コメントで細かな手順を解説してくださったkennさん、ありがとうございました!!!
テーブルのセルが空データというとき
テーブルのセルが空データというとき、
半角ハイフン「 - 」を使うことが多いですが、
<td> </td>
のようにスペースがあるなら、
text-decoration:line-through;
スペースに取り消し線CSSで表現した方が、
本当の意味では有効なのでは?
見え方はそっくりだし。
テキストをドラッグ&コピーして、ハイフンがついてこない方が、良心的だなぁと思ったら、いいんじゃないでしょうか。
(取り消し線の用のクラスが必要にはなるから、作業的にはあまり変わりないけど、意味合いを考えると、ちょっとありかもです。)
sbをftpで移行した場合の属性
sbをftpで移行した場合の属性一覧表
サーバ移行とかで、前のサーバからデータダウンロードしてきていっきに新サーバにFTPでアップロードしたりするとき、属性かえないといけないファイルがわんさとあるので、そのメモ。
data | 777 | |||
entry | 777 | |||
0.cgi〜N.cgi | 666 | フォルダ内すべて選択していっきに属性変更すると早いです | ||
log | 777 | |||
0.cgi〜N.cgi | 666 | フォルダ内すべて選択していっきに属性変更すると早いです | ||
message | 777 | |||
0.cgi〜N.cgi | 666 | フォルダ内すべて選択していっきに属性変更すると早いです | ||
template | 777 | |||
0.cgi〜N.cgi | 666 | フォルダ内すべて選択していっきに属性変更すると早いです | ||
trackback | 777 | |||
0.cgi〜N.cgi | 666 | フォルダ内すべて選択していっきに属性変更すると早いです | ||
user | 777 | |||
0.cgi〜N.cgi | 666 | フォルダ内すべて選択していっきに属性変更すると早いです | ||
amazon.cgi〜weblog.cgi | 666 | 複数選択していっきに属性変更すると早いです | ||
doc | 755 | |||
exc | 755 | |||
img | 777 | |||
lib | 755 | |||
lock | 777 | |||
cnt、lock、save | 666 | フォルダ内すべて選択していっきに属性変更すると早いです | ||
log | 777 | |||
arc.js〜user.js | 666 | フォルダ内すべて選択していっきに属性変更すると早いです | ||
plugin | 777 | |||
template | 777 | |||
util | 755 | |||
admin.cgi | 755 | |||
cnt.cgi | 755 | |||
index.html | 666 | |||
init.cgi | (604) | 変更しなくても良い | ||
install.cgi | - | インストールが済んでいる場合は削除することを推奨します | ||
mb.cgi | 755 | |||
sb.cgi | 755 | |||
style.css | 666 |
inputでtype=imageではonclick効かないから画像ボタンにしたいときは
以前にボタンのtypeが画像の場合のresetやsubmit
という記事を書きましたが、
実はinputでtype=imageではonclick効かないらしい。
ガーン。。。
画像ボタンにしたいときは↓取り急ぎこんな感じかな。
resetはtype="reset"かonclockでしか表現できないので、aタグとか使うしかないなー。
■ソース
<a href="javascript:;" onclick="form.reset(); return false;">
<img src="reset.gif" /></a>
<input id="" name="input" value="検索" type="image" src="btn.gif" />
テキストボックス(input)やテキストエリア(textarea)をきれいに
テキストボックス(input)やテキストエリア(textarea)を
マウスあてたとき(focus)きれいに見せたい。
■その1
input:focus, textarea:focus { background-color:#FFFFE8; }背景色だけ指定すると、フォーカス時にボーダーがおかしなことに。
■その2
input,
textarea {
border: solid 1px #999;
background-color:#fff;
}
input:focus,
textarea:focus {
border: solid 1px #999;
background-color:#FFFFE8;
}
とかってボーダー指定すると、Firefoxとかでは問題ないんだけど、
IEでは、チェックボックス(checkbox)やラジオボタン(radio)ボーダーがもれなくついてくる。(おい!w)
フォーカス色つけるものをいちいち選別してクラスつける??
ボーダーをつけないinput[checkbox]&[radio]にいちいち除外用クラスつける??
ナンセンスでしょ。。。(´`;)