長年の懸案だった、Thickboxが IEでうまく動かない件がやっと解決しました。それも自力で。エライね>自分。
懸案事項は次の2点。
- 縦に長い画面で、下にスクロールしたところでウィンドウを出すと、画面中央に出ず、上の方に隠れてしまう。(画面TOPからの固定位置で表示される)
- このような場合、画面と一緒にスクロールしてしまう
本来は、どのような状況でもウィンドウは画面中央にきて、スクロールは背面の画面がスクロールするだけでウィンドウの位置は変わらないというのが正しい挙動です。もちろん、オフィシャルサイトのデモはそういう動きをしています。
それがどうしておかしくなるかというと、DOCTYPEの「標準モード」と「互換モード」の違いでした。
上が互換モードで、下が標準モードです。
Thickboxを互換モードで動かそうとすると、IEに限って、上のような現象に遭遇します。Firefoxとか Chromeは大丈夫なのが現象をわかりづらくしてますね。
IE6/7/8のブラウザでも角丸やドロップシャドウが使えるCSS3
css, Tips今日の画像(←)は借り物。
金子さんというデザイナーさんのブログなんですけど、イラストのタッチが好きです。
さて、標記のこと。ie-css3.htcというのをインクルードすると、不出来だけど可愛い(否、可愛くない)IEでも CSS3が使えちゃうよという技です。詳しいことはリンク先をご参照あれ。(詳しい順、参考になった順です)
text-shadowが使いたかったので「CSS3 PIE」は検討外だったんですけど、角丸とかグラデーションはPIEの方がきれいみたいです。
ie-css.htc を使うときの注意点。
ググれカス(4)
Etcブラウザのタブが開きっぱなしになるのが嫌で記録しているだけなんですけど、少なくとも自分的には助かってます。たぶん。
setTimeoutを使えばいいらしいよ。
サイトオープン時にやること
SEO対策:基本コースは前回まとめましたが、もっと詳しい手順を教えてくれというご要望が内部からありましたので、詳細に書いてみたいと思います。
レベルは玉石混交(いわゆるバラバラ)です。
さらに読む
ググれカス(3)
Etcタイトルが微妙に変わっていますが、書いてあることはいつもと同じです。
URLを隠すだけだけど、一定の効果はあると思う。
デバッギングコンソールは使ったことがない。
こればっか。0はインデント、100は桁数を指定。(ないと40桁で切られてしまう)
あとは、HTTPTraceServer(htrace)をよく使ってます。
First、Lastがたまに欲しくなるんだよね。min()、max()で代用できるときもあることは覚えておいてよい。
jQuery:Thickbox
jQuery長年の懸案だった、Thickboxが IEでうまく動かない件がやっと解決しました。それも自力で。エライね>自分。
懸案事項は次の2点。
本来は、どのような状況でもウィンドウは画面中央にきて、スクロールは背面の画面がスクロールするだけでウィンドウの位置は変わらないというのが正しい挙動です。もちろん、オフィシャルサイトのデモはそういう動きをしています。
それがどうしておかしくなるかというと、DOCTYPEの「標準モード」と「互換モード」の違いでした。
上が互換モードで、下が標準モードです。
Thickboxを互換モードで動かそうとすると、IEに限って、上のような現象に遭遇します。Firefoxとか Chromeは大丈夫なのが現象をわかりづらくしてますね。
ググったこと(2)
Etc今回は、ググったものというか、あとできっと見たくなるけど、いまは使わないことです。
Smartyのバッククォート解釈がタコなのはよく知られていることなので、それを自分でカスタマイズしてしまえるというのは、すごく魅力的です。
どのタイミングでやるかと、1回自分でカスタマイズしたクラスを使ってしまうと、どこにでもそれを引きづっていかないといけなくなって、それがない環境(例えば、カラーミーなど)ではかえって辛くならないかという不安がありますけど、EC-CUBE限定でやるかもしれません。
知らなかったので。
「date_default_timezone_set(‘Asia/Tokyo’);」とか、php.iniで「date.timezone = Asia/Tokyo」書かないといけないそうですよ。
定番だけど備忘録として。