Facebookアプリケーションとかなんとか。

これまた適当でも動くもんだ。

あくまでおまけとして。

組み合わせまくっちゃいなさい。

残ってるのは、スポーツ系、トラベル系、ファイナンス系、フルーツ系、ユーザー (小) とかそのあたり。

夜なべしてリファレンス系サイトと首っ引きでPHP書いた。

適当でも動くもんだ。

Think ITの記事を大いに参考にした。

DirectoryIndex index .ht
AddLanguage ja .ja
AddLanguage en .en
Options +MultiViews
ForceLanguagePriority Fallback
LanguagePriority en ja

SetEnvIf Cookie (^|\s)lang=\"?(en|ja)\"? prefer-language=$2
SetEnvIf Request_URI \.(en|ja)$ prefer-language=$1
Header append Set-Cookie "lang=%{prefer-language}e;expires=Tue, 1-Jan-2030 00:00:00 GMT;path=/" env=prefer-language
Header append Cache-Control no-cache

多分ちゃんと動いてる。

一段落ということで。

細かい追加ばかりだった気がする。

(追記)

複数形+基本オーバーレイを一掃で150個減らした。

3000個は無理として2500個 (バージョン2.5) まではやる予定。

しかしまだToDoが残っている不思議。

equal-bottom-nに対応する要素の下端を揃える。

$ (function () {
    for (var i = 1; $ (".equal-bottom-" + i).length; i++) {
        var block = $ (".equal-bottom-" + i);
        var height = 0;
        block.each (function () {
            height = Math.max ($ (this).offset ().top + $ (this).height (), height);
        });
        block.each (function () {
            $ (this).height (height - $ (this).offset ().top);
        });
    }
});

div.box {
    border: 1px solid #000;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 10px;
}
div.grid {
    _height: 1%;
    *zoom: 1;
}
div.grid:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
div.grid div.column {
    float: left;
}
p {
    margin-bottom: 0;
    margin-top: 0;
}

<div class="grid">
    <div class="column" style="margin-right: 20px; width: 200px;">
        <div class="box equal-bottom-1"><p>ほげほげほげほげほげ...</p></div>
    </div>
    <div class="column" style="margin-right: 20px; width: 200px;">
        <div class="box equal-bottom-1"><p>ほげほげほげほげほげ...</p></div>
    </div>
    <div class="column" style="width: 200px;">
        <div class="box equal-bottom-1"><p>ほげほげほげほげほげ...</p></div>
    </div>
</div>
<hr />
<div class="grid">
    <div class="column" style="margin-right: 20px; width: 200px;">
        <div class="box"><p>ほげほげほげほげほげ...</p></div>
        <div class="box equal-bottom-2"><p>ほげほげほげほげほげ...</p></div>
    </div>
    <div class="column" style="margin-right: 20px; width: 200px;">
        <div class="box equal-bottom-2"><p>ほげほげほげほげほげ...</p></div>
    </div>
    <div class="column" style="width: 200px;">
        <div class="box"><p>ほげほげほげほげほげ...</p></div>
        <div class="box equal-bottom-2"><p>ほげほげほげほげほげ...</p></div>
    </div>
</div>
<hr />
<div class="grid">
    <div class="column" style="margin-right: 20px; width: 200px;">
        <div class="box"><p>ほげほげほげほげほげ...</p></div>
        <div class="box"><p>ほげほげほげほげほげ...</p></div>
        <div class="box equal-bottom-3"><p>ほげほげほげほげほげ...</p></div>
        <div class="box equal-bottom-4"><p>ほげほげほげほげほげ...</p></div>
    </div>
    <div class="column" style="margin-right: 20px; width: 200px;">
        <div class="box equal-bottom-3"><p>ほげほげほげほげほげ...</p></div>
        <div class="box equal-bottom-4"><p>ほげほげほげほげほげ...</p></div>
    </div>
    <div class="column" style="width: 200px;">
        <div class="box equal-bottom-4"><p>ほげほげほげほげほげ...</p></div>
    </div>
</div>

$ (function () {
    $ ("div.grid.middle > div.column").addClass ("middle");
    $ ("div.grid.bottom > div.column").addClass ("bottom");
    $ ("div.grid div.column").filter (".middle, .bottom").each (function () {
        var height = 0;
        $ (this).siblings ().each (function () {
            height = Math.max (height, $ (this).height ());
        });
        var margin = Math.max (height - $ (this).height (), 0);
        $ (this).css ("margin-top", ($ (this).hasClass ("middle") ? Math.floor (margin / 2) : margin) + "px");
    });
});

div.grid {
    _height: 1%;
    *zoom: 1;
}
div.grid:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
div.grid div.column {
    float: left;
}

<div class="grid middle">
    <div class="column" style="margin-right: 20px; width: 100px;"><p>ほげほげほげほげほげ...</p></div>
    <div class="column" style="margin-right: 20px; width: 100px;"><p>ほげほげほげほげほげ...</p></div>
    <div class="column" style="width: 100px;"><p>ほげほげほげほげほげ...</p></div>
</div>
<hr />
<div class="grid bottom">
    <div class="column" style="margin-right: 20px; width: 100px;"><p>ほげほげほげほげほげ...</p></div>
    <div class="column" style="margin-right: 20px; width: 100px;"><p>ほげほげほげほげほげ...</p></div>
    <div class="column" style="width: 100px;"><p>ほげほげほげほげほげ...</p></div>
</div>
<hr />
<div class="grid">
    <div class="column middle" style="margin-right: 20px; width: 100px;"><p>ほげほげほげほげほげ...</p></div>
    <div class="column" style="margin-right: 20px; width: 100px;"><p>ほげほげほげほげほげ...</p></div>
    <div class="column bottom" style="width: 100px;"><p>ほげほげほげほげほげ...</p></div>
</div>

:-moz-first-nodeと同じ。

jQuery.extend (jQuery.expr [":"], {
    "first-node": function (a) {
        var b = a.parentNode.childNodes;
        for (var i = 0; i < b.length; i++) {
            var c = b [i];
            if (c.nodeType == 1) {
                return c.parentNode.getElementsByTagName ("*")[0] == a;
            }
            if (jQuery.trim (c.nodeValue)) {
                return false;
            }
        }
        return false;
    }
});
$ (function () {
    $ ("td > :first-node").addClass ("first-node-of-td");
});

$ (function () {
    $ (".left, .center, .right").each (function () {
        $ (this).css ({
            display: "block",
            float: "none",
            width: $ (this).css ({ display: "inline-block", float: "left" }).width ()
        });
    });
});

.left {
    margin-left: 0;
    margin-right: auto;
}
.center {
    margin-left: auto;
    margin-right: auto;
}
.right {
    margin-left: auto;
    margin-right: 0;
}

<ul class="left">
    <li class="center">ほげほげほげほげほげ...</li>
    <li class="center">ほげほげほげほげほげ...</li>
    <li class="center">ほげほげほげほげほげ...</li>
    <li class="center">ほげほげほげほげほげ...</li>
    <li class="center">ほげほげほげほげほげ...</li>
</ul>
<ul class="left">
    <li class="right">ほげほげほげほげほげ...</li>
    <li class="right">ほげほげほげほげほげ...</li>
    <li class="right">ほげほげほげほげほげ...</li>
    <li class="right">ほげほげほげほげほげ...</li>
    <li class="right">ほげほげほげほげほげ...</li>
</ul>
<ul class="center">
    <li>ほげほげほげほげほげ...</li>
    <li>ほげほげほげほげほげ...</li>
    <li>ほげほげほげほげほげ...</li>
    <li>ほげほげほげほげほげ...</li>
    <li>ほげほげほげほげほげ...</li>
</ul>
<ul>
    <li class="center">ほげほげほげほげほげ...</li>
    <li class="center">ほげほげほげほげほげ...</li>
    <li class="center">ほげほげほげほげほげ...</li>
    <li class="center">ほげほげほげほげほげ...</li>
    <li class="center">ほげほげほげほげほげ...</li>
</ul>
<ul class="right">
    <li>ほげほげほげほげほげ...</li>
    <li>ほげほげほげほげほげ...</li>
    <li>ほげほげほげほげほげ...</li>
    <li>ほげほげほげほげほげ...</li>
    <li>ほげほげほげほげほげ...</li>
</ul>
<ul>
    <li class="right">ほげほげほげほげほげ...</li>
    <li class="right">ほげほげほげほげほげ...</li>
    <li class="right">ほげほげほげほげほげ...</li>
    <li class="right">ほげほげほげほげほげ...</li>
    <li class="right">ほげほげほげほげほげ...</li>
</ul>

将来にわたって問題ないのかどうかはあやしい。

window._close = window.close;
window.close = function () {
    (window.open ("", "_top").opener = top)._close ()
};

<a href="javascript:window.close ();">閉じる</a>