NOBODY:PLACE

greyboxも導入してみた。 – 同一画面内での画像/ページポップアップ

と言うわけで、画像をポップアップできるスクリプト、『litebox』を導入してみたのだけど、画像だけじゃなくて、ページをポップアップさせたくなったとしたらどうだろう？というわけで、ついでってことで、それを実現するスクリプト、『greybox』も導入してみる。さっきはlightで、今度はgrey。君ら、箱が好きなのか。

liteboxを導入してみた。 – 同一画面内での画像ポップアップ

クリックして画像がポップアップされるスクリプトが気になったので、ほぼ日 – 気まぐれカメラのソースを覗いてみたら、『Litebox』という定番のスクリプトらしい。なるほどねー。せっかくなので、勉強がてら、導入してみた。

CSSは別に悪くなかったらしい

css

先日取り上げた、『諸悪の根源＝スタイルシート』改め、『スタイルシートをとりまく環境はなんとかならんのか？』に、筆者の石坂さんによる追記があったので、一応追ってみる。

CSSは“全てのWEB屋”にとっては諸悪な根源でもない

諸悪の根源＝スタイルシート – Web屋さんのココロえ [ITmedia オルタナティブ・ブログ]
文書をマークアップ（＝教科書の重要なところにマーカで線つける感じ）するために作られたHTMLが、見た目の表現のために表じゃないところで<TABLE>でレイアウトしたり、乱雑になりまくったから、「スタイルシートによるページ作成」というのが今のトレンドになっているわけですが、 Web屋さんにとってのすべての諸悪の根源 がここに集中してある、と思う、現在の私であります。

少なくとも僕はそう思ってこなかったし、エントリ読んだ後でも特に変わらないな。

とある事情で、MovableTypeのDBを直接いじる必要が生じたのだけど、現在のDBはSQLiteで、GUI的にいじりづらい。で、SQLiteManagerっていう管理ツールがSQLiteにもあるらしいので、それを導入してみた。公式サイトはこちら。 SQLiteManager : Web based tool to manage (administration) SQLite databases. – Accueil

フォントサイズの調整 – DOCTYPEの話。

あるサイトを作っていて、フォントサイズを、それまでのピクセル固定から、相対的な設定に変更してみたのだけど。 IEで見ると、ある程度の大きさで見られるのに、 FireFox（ないしはGecko）でちぇっくすると、豆粒みたいになって見にくくて仕方がない…ってことがあった。理由がよく分からなかったので、しばし放置していたのだけど、ふと思い立って調べてみたら、『互換モード』と『標準モード』のお話だった。

CSSで垂直配置。

MovableTypeに移行する以前のサイトでは、 1ページが1テキストで、それを垂直配置させて見せていた。デザイン的に。それが結構気に入ってたので、 MovableTypeに移行してからもそうしようと思っていたのだけど、同時に、アクセシビリティ的な観点から、整形を目的としたTableの使用を止めようと考えていたので、実現はなかなか困難だった。 NOBODY:PLACE – MUTTER: ブラウザ対応問題：垂直配置に悩む。んで、捻り出したのが、テキストの行数を計算し、テキスト全体の高さを概算して、その半分量だけ、上方向にマージンを取るという、なんつう力ワザ…（苦笑）（しかも結果的に、Table使ってしまっているし）結局、垂直配置は諦めて、今みたいな、上揃えのデザインになりました、と。で、もう垂直配置のことなんか、殆ど忘れてしまっていたのだけど、 PHPSPOTにこんな記事が載っていた。

DIVを垂直方向に中央寄せするCSSサンプル:phpspot開発日誌
DIVを垂直方向に中央寄せするCSSサンプル。次のように、DIV要素をブラウザの縦方向に配置できます。（引用元：ex animo）

MovableTypeでサイトのサムネイルを…

サムネイルを綺麗に表示しているサイトがあったので、あ、これ良いじゃん。引用の時に、分かりやすいかも。そう思って、サムネイルを挿入するプラグインを探し始めたのだけど、結局、コレ使うのが一番楽そうという結論。 SimpleAPI – ウェブサイト・サムネイル化ツールお。綺麗に表示されてるな。コレを利用するように、記事投稿画面のボタンに直結してる、 JavaScriptをいじってやれば便利になりそうな気配。

YouTube API を使ってみる。

Googleから新しいAPIが提供されるようになって、サムネイルを取得するだけならデベロッパーIDは不要になっています。詳しくはこちらを参考にしてください。 APIを使って動画のサムネイルを取得するまとめ【PHP版】 – NOBODY:PLACE – MUTTER

はてなブックマークなんかだと、 YouTubeのブックマークの横に、サムネイルが出てますね。

こんな感じこれをブログからやりたいなぁ、と思ったわけです。ていうかどうやってやるんだろうか、と。ぶっちゃけ、MovableTypeだったら、そんな感じのプラグインを作っている人はいくらでもいそうですが、（[youtube:VXmNJhqngyM]とかでサムネイルつきリンクを貼るとか）まぁ、APIのアレも兼ねて少し自分で見てみましょう、と。