IE8

IE8 のことを知るためには以下を一読。

現時点で Dojo Toolkit が IE8 で上手く動いていません。次の Dojo の ver UP で直されそうなのでに期待。

ライブラリが動かない等、過去に制作したサイトが崩れたり問題が起きている場合、レンダリングモードを変更して過去の IE 互換レンダリングで表示させておくことが必要。

IE8 にはレンダリングモードが複数あります。詳細は以下のサイトで。

1 年弱前の記事ですが、こちらも参考になりました。

ただ、IE8 の互換モードと IE7 は全く同じではないということで、そのあたりも注意が必要ですね。

正直レンダリングモードが複雑化しすぎている気がします。せっかく「 hasLayout から IE8 で逃れられた!(= IE の面倒なモノはなくなった!)」と思ったのになぁ。まだ面倒ですね。
とりあえず、「Internet Explorer 8 開発者向け技術概要」を片手にがんばります。

ThickBox から Lightview へ

つい先日、「LiteBox から ThickBox に変更」で書いたとおり ThicBox を導入したばかりなのですが、
早くも浮気して Lightview を導入してみちゃいました。

こちらも、画像のサイズによって自動でリサイズして表示してくれます。これはよい!そして Esc キーで閉じてくれます。

カスタマイズできる Lightview for WordPress at orioa を参考にさせていただきました。

ThickBox が jQuery を利用しているのに対し、Lightview は prototype.js を利用しています。

なにかと prototype.js がほかのプラグインなどで使われていることも多いので、そういった場合には ThickBox より導入しやすいかなと感じました。

prototype.js を使っているサイトで ThickBox を使う場合には競合が起きるので、
そのあたりを考えなくて良いように jQuery 利用サイトなら ThickBox、prototype.js 利用サイトなら Lightview を使うのも良いかもですね。

しかし、IE で見ると記事一覧ページで Lightview 動いてないな~、と気づきました。あれれ :roll: 原因探してみます。

LiteBox から ThickBox に変更

画像表示で使う js を、LiteBox から ThickBox に変えてみました。
ThickBox を他サイトで使ってみて自由度の高さと使い勝手に惹かれ、こちらも変えようかなーという流れです。

ThickBox 3.1

具体的に変更しようかな~と思ったのは以下の点が気に入ったから。

  • 大きい画像を表示した際にリサイズを勝手にしてくれる
  • 画像をクリックして閉じることが可能
  • 画像の外の上下左右どこかをクリックしても閉じることが可能
  • Esc キーでも閉じることが可能

後は画像以外のモノも表示できるので機会があったら使いたい、というのもありました。

それにあわせて、使っている WP プラグインの IImage Browser に少し手を加えました。

“LiteBox から ThickBox に変更” の続きを読む

新規ウィンドウを開く手段を Valid と両立させる考察

以前に書いた
Numb. – _blank を使わない新規ウィンドウの開き方
の続きにあたる記事です。一応、もう一度おさらいしてみます。

06/13 追記:
大事な部分を丸ごと書き忘れていることに気付きました orz
javascript 関連の部分を追記いたしました。

新規ウィンドウを開かせる手段を実装したい、という場合は以下の 2 種類が有名だと思います。

  • a に target=”_blank” を指定する
  • javascript で設定する

しかし「ウィンドウを新たに開くかどうか」はユーザーが決めるべきことなので、作り手が決め手はいけない、という話もあります。
そのためか、XHTML 1.1 や XHTML Basic では target=”_blank” という書き方は準拠していない、とされ NG になってしまいます。
「マークアップ言語である HTML で、ウィンドウ操作をする」という点も問題なのだと思います。マークアップ目的以外になるので。

でもユーザーの中にも新規ウィンドウを開く手段を実装しておいて欲しいという人もいます。
いやいや余計なお世話だから、こっちに決めさせてくれ、そんなことは実装しておかないでくれ、という人もいます。
実装して欲しい・欲しくない、という人が両方いる…ということで、じゃあ両方のリンクを制作しておけばいいんじゃ!と思いまして。今回はそんな方向でやってみました。
“新規ウィンドウを開く手段を Valid と両立させる考察” の続きを読む

CSS ON⇔OFF bookmarklet

Bookmarklet – パソコン遊戯

こちらで紹介されていた Bookmarklet をよく使っています。
Bookmarklet とは、ブックマークに入れて使う javascript です。
リンクの上で右クリックをしてお気に入りに登録すれば OK です。

閲覧補助 > CSS ON⇔OFF
これをブックマークに入れておくと、制作時にものすごい便利でした。
作者様、ありがとうございます・・!

CSS ON⇔OFF
このリンクをブックマークに登録すれば OK。リンクバーにドラッグアンドドロップでもいけます。

それにしても1ヶ月更新になってしまった。
最近は仕事に趣味にと忙しい毎日なのであります。