主要ブラウザ

主要ブラウザ

主要ブラウザ対抗スピードテスト(最新版)


選手の顔ぶれ・・・

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を取得しちゃったイメージ(確認画面)
x軸とy軸

type="image"以外で、submitボタンを画像にしたいときのタグとcssメモ。

»続きを読む

MTがめっちゃデキる人っぽいブラウザの検索バー

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>&nbsp;</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)をきれいに

focus
テキストボックス(input)やテキストエリア(textarea)を
マウスあてたとき(focus)きれいに見せたい。

■その1
focus2

input:focus, textarea:focus { background-color:#FFFFE8; }
背景色だけ指定すると、フォーカス時にボーダーがおかしなことに。

radio■その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]にいちいち除外用クラスつける??
ナンセンスでしょ。。。(´`;)

»続きを読む

前の10件 11  12  13  14  15  16  17  18  19  20  21