カテゴリー表示モード:標準 | RC2

月別アーカイブ : 6月 2009

WinMerge を ソース比較に使ってみる

html とか css とか、色々と弄っていると何処をどう変えたか分からなくなってくるもの。
前世代のソースとの比較用に今までは DF とか Rekisa とかを使っていたけど、最近は専ら php とか xml とかの混合ソースだったりでシンタックスハイライトが無いと大変になってきたので、「WinMerge 日本語版」という主に開発用途で使われているらしいソフトを入れてみた。

winmerge利点
・表示はDFぽいので親しみやすい。
 (Rekisaの表示は慣れなかった)
・文字コードをちゃんと自動判別する。
 (DFはこれがダメだった)
・直接ソースの編集が出来る。
 (DF,Rekisa は外部エディタ呼出し)
・自動判別シンタックスハイライト対応。
・対応言語が多い。
・フォルダ単位でも比較できる。

また、プラグインで機能拡張できるうえ、GPL2のオープンソースな点もいい。
設定が細かいところまであり、やや複雑だけどデフォルトの設定のままでも十分に使える。

Sleipnirプラグイン:Hawkeye を使ってみる。

少し前まではSleipnir を使ってたけど、Firefox のレンダリングが早くてアドオン機能に強力なものが多く使い慣れたので、web構築もずっとFirefoxで確認作業をやっていた。
ふと、アドオンの IE Tab でレンダリングエンジンををIEに変えてこのサイトを確認したら、サイドバーがずれたりいろいろと崩れていてもう・・・
FirefoxにはFirebugという非常に強力なウェブ開発補助ツールがあるが、IE Tab で エンジンをIEに切り替えてしまうと使えない。
こうなるとIEで地道にデバッグしないといけないのがメンドクサイ・・・
どうしたものかと、IEで使えるツールを調べた。
続きを読む

WP lightbox 2 導入

Lightbox とは JavaScript を使って画像をポップアップでオーバーレイ表示させるスクリプトです。
Lightbox には多数の派生版が公開されているが、今回は導入と利用が一番簡単なWordPressのプラグイン版、「WP_lightbox2」 ver.0.6.3 を入れてみた。
インストール方法はプラグインなのでUPして有効にするだけの簡単設計。
参考:BirDesign「Lightbox v2.0 WordPressプラグイン版

サンプル

パスタの湯きり失敗

パスタの湯きり失敗


例1)サムネイルをクリックすると元画像表示
通常のLightboxは、アンカータグに「rel=”lightbox”」を付ける必要があるが、このプラグインは画像のアンカー全てに自動で適用される。



エスカルゴのパック(2枚)

エスカルゴのパック(2枚)



例2)複数の画像を左右でスライド表示
まとめる複数の画像のアンカーに、
rel=”lightbox[適当な分類名]“」を入力。
例のように2枚目以降のサムネイル画像はimgタグを消してアンカーだけにするもよし、そのままでサムネイルから関連する画像へリンクしているように見せるのもいいかもしれない。


このバージョンでは、設定等一切無くシンプルな代わりに、オーバーレイ表示したときに画像のタイトルやらキャプションなんかは表示してくれないが、簡単だからまあいいか。

コメント欄のカスタマイズ

コメント表示のカスタマイズニコニコプレス(春)ver.1.3 のコメント表示を少しだけ自分好みにカスタマイズ。
コアを弄らなくても comment_author_link の分岐を functions.php とかに別に作れそうだけど、思ったとおりに動くものが作れなかったので、強引に弄ってみた。

続きを読む