Movable Type 備忘録

 サブドメイン環境で Ajax やってみる

こんばんわ^^

一昨日、サブドメイン環境を作って Ajax のテストしてみました。
とりあえず、問題なく通信ができたようなのでご紹介します。

そもそも Ajax はドメインを跨った(クロスドメイン)通信ができません。
セキュリティ上の問題で http://AAA.bizcaz.com/ から http://bizcaz.com/ にあるファイルにアクセスすることができないんです。要するに同一ドメイン内での通信のみ可能ということになります。

で、わたしのサイトで配布してるテンプレートではブログ検索、コメント投稿など随所で Ajax を使用してます。
要するに以下のような環境の場合にはテンプレートは設置できても Ajax が使用できないため、コメント投稿などが機能しなくなってしまいます。

  1.  http://bizcaz.com/
  2.   |
  3.   +-- mt/
  4.  http://blog.bizcaz.com/
  5.   |
  6.   +-- index.php
  7.   |
  8.   +-- archives/
  9.   | +-- index.php
  10.   |
  11.   | +-- category/

http://bizcaz.com/(メイン) 側に Movable Type をインストールして、http://blog.bizcaz.com/(サブドメイン) 側にブログを設置するようなケースでは通常では Ajax は使用できないことになります。

以前からご連絡は頂いていたのですが、最近になってようやくクロスドメインの方法を教わって実際に試したところうまくいったので参考にしてください。

 Movable Type 4.1 用テンプレート(TUBES)

こんばんわ^^

TUBES for Movable Type 4.1 訪問者さんからテンプレートの作り方を質問されました。
今までも何回か同じような質問されたのですが、作り方と言われても困ってしまうというのが正直なところです。

ただ、わたしの場合は『最初ざっくり、後チマチマ (●´∀`●)』が基本です。

要するに最初は自分がイメージした、ざっくりな近似色を割り当てといて、後で背景と前景を調整して自分が思い描いた配色に近づけていきます。
色は組み合わせによってだいぶ違いがあります( 同じ色でも明るめの背景と暗めの背景とでは印象が違うなど )ので、微妙に変えながら調整していきます。

実際に配色して気に入らない場合は、思いっきり配色を変更したりもします。

レイアウトに関してだけは最初にきっちりと計算します。
全体の幅を決めたら、サイドの幅などきっちり収まるよう計算することで、画像(サイズね)を作りやすいようにしてます。

てか、やっぱり説明しづらい (つω-`。)
言葉で言って分かるようなら苦労しないわけでして、経験(といってもたかだか 1、2 年ですけど)的なところもあると思うので。

テンプレートはいろんなサイトさんで配布されてますので、そのテンプレートをイジくりまくって、とにかくたくさんのテンプレートを自分で作ってみるのと、ネットを徘徊していろんなサイトを見て感じるのが一番だと思います ( ̄∇ ̄)b

すいません、投げやりなかんじになってしまって (; ̄∇ ̄A

さて気を取り直して、わたしにしてはめずらしい 3 カラムのテンプレート作ってみました。

テンプレートの作り方の話がでたのでチョビッと説明すると、このテンプレートの横幅は 960px です。 左サイドバー幅は 250px、右サイドバー幅は 170px で、センターが540px になります。
そして、左右サイドバーのマージンを 10px、センターの両端も 10px 考慮してますので、実際には、左( 240px )、右( 160px )、センター( 520px )が実サイズになります。センターに関してはさらに左右パディング( 10px )を取ってますので 500px になります。

この 10px のところにチューブ( tube )の画像がくるように作成するわけですね ( ̄∇ ̄)b

 Movable Type 4.1 用テンプレート(BLADESILVER)

こんばんわ^^

BLADESILVER for Movable Type 4.1 先日から、配布するテンプレートを IE6.x の後方互換モードに対応するようにしたのですが・・・IE はやっぱりくせ者ですねぇ (; ̄- ̄)

わたしは最初に Safari でテンプレートを作ってから各ブラウザでの微調整や表示確認してます。
各ブラウザでできる限り同じように表示されるよう調整していくわけですが、Firefox や Opera などはほぼそのままイケるのに、IE で大幅に時間を費やします(つω-`。)

IE6.x の標準モードならまだ素直にデザインすることができるんですけど、後方互換モードでは IE6.x に特化したスタイルを強いられます(つω-`。)はぁ
Safari なんて HTML5 や CSS3 をサポートしてるのに・・・WEB フォントが使えるのに(。-ω-)ぼそ

さて、IE6.x の愚痴はこれくらいにして、以前ご紹介したこちらのテンプレート MT.2 for Movable Type 4をリニューアルしてみました。
良かったら使ってみてください ( ̄∇ ̄)/

 正しいマークアップ(Another HTML-lint gateway)

こんにちわ^^

久しぶりに Another HTML-lint gateway やってみました。
以前、正しいマークアップってのに凝ったこともありましたが、配布してるテンプレートを Another HTML-lint gateway でも 100 点とれるよう修正しました。