Numb.

Avatar

Just another WordPress weblog

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 に少し手を加えました。

[Read more]

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

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

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

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

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

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

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

CSS ON⇔OFF bookmarklet

Bookmarklet - パソコン遊戯

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

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

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

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

_blank を使わない新規ウィンドウの開き方

で、リンク先を新規ウィンドウで開くやり方と Markdown との兼ね合いについて書きましたが、
今日はその続編です。いくつか気になる点があったので、調べてみました。
気になっていたのは、この2点。

  • 先日の javascript では、結局 _blank を後付けで指定しているので、よくないのかも。
  • そもそも _blank が推奨されなくなったのは、ユーザーがウィンドウを開くかどうかは決めることであり、
    サイトの運営者が決めることではない。ということから、らしい。それに沿ってないんじゃないか。

丁度同じようなことを取り上げている方のブログを見つけました。

hori-uchi.com: _blankを使わないで別ウィンドウを開くにはrel=”external”を使うのが美しいと思う。

コメント部分含め、参考にさせていただきつつ整理。

[Read more]

,

PAGE TOP