JSなどで画像等を後から読み込んだりする場合、
先読みをしておかないとまずい場合があるとおもいます。
そんなときにJQueryのattrにて下記のソースで先読み設定ができるようです。
jQuery.preimg = function()
{
for(var i = 0; i<arguments.length; i++)
{
jQuery("<img>").attr("src", arguments[i]);
//配列から読み込み
}
};
jQuery.preimg("画像名.jpg", "画像名.jpg");
1emを基準としたemレイアウトを実装する際に
emコーディングを考えてみるを掲載しましたが、
基準となるフォントサイズが12ptだと、どういう計算になるのかと
考えていたところ、下記のサイトにヒントがありました。
相対関係を把握するのに参考になりますね。
Approximate Conversion from Points to Pixels

参考にさせていただきます。

WordPressの携帯表示にKtai Styleを使用させていただいているのですが、モバイル向け Google Analyticsの日本語対応が完了したということで、早速導入してみる事にしました。
1、プロファイルの設定
まず
Analyticsのプロファイル一覧のページを開き、プロファイル一覧の一番右上の
「+ 新しいプロファイルを追加」を押して「プロファイルを新規作成」画面にいきます。
「プロファイルの種類を選択」→新しいドメインのプロファイルを追加にチェック
「新しいドメインのプロファイルを追加」→URLを入力
※オフィシャルBlogに「PC 向けのトラッキング コードとの併用はできません。」とあるので、念のため新規で。。
2、アドバンス設定
トラッキングコートの追加手順の項でアドバンスのタブを選択
携帯電話向けのサイトを選ぶ
3、携帯電話向けのサイトにコードを貼り付けます
ここで表示されたコードをKtai Styleに貼付けます。
人によって若干異なると思うのですが、
wp-content/plugins/ktai_style/themes/選んでいるテーマ
のheader.phpの<html>タグの直前に
<?php
// Copyright 2009 Google Inc. All Rights Reserved.
$GA_ACCOUNT = "トラッキングコード";
$GA_PIXEL = "パス";
function googleAnalyticsGetImageUrl() {
$GA_ACCOUNT = "トラッキングコード";
$GA_PIXEL = "パス";
$url = "";
$url .= $GA_PIXEL . "?";
$url .= "utmac=" . $GA_ACCOUNT;
$url .= "&utmn=" . rand(0, 0x7fffffff);
$referer = $_SERVER["HTTP_REFERER"];
$query = $_SERVER["QUERY_STRING"];
$path = $_SERVER["REQUEST_URI"];
if (empty($referer)) {
$referer = "-";
}
$url .= "&utmr=" . urlencode($referer);
if (!empty($path)) {
$url .= "&utmp=" . urlencode($path);
}
$url .= "&guid=ON";
return str_replace("&", "&", $url);
}
?>
ここで注意点
どうもKtai Styleでの設定だと
global $GA_ACCOUNT, $GA_PIXEL;が読み込まれていないので
上記のように
・$GA_ACCOUNT = “トラッキングコード”;
・$GA_PIXEL = “パス”;
をfunctionの中に入れ込んでしまいます。
さらに。
footer.phpの</body>の直前に
<?php
$googleAnalyticsImageUrl = googleAnalyticsGetImageUrl();
?>
<img src="<?= $googleAnalyticsImageUrl ?>" />
を挿入します。
ga.phpを設置

上図のga.phpのリンクからファイルを保存し、先程設定したパスに設置。
以上で、正常に動作すると思います。
ここ数年インラインフレームを使う機会が無かったのですが、
モーダルウィンドウで他のサイトを読み込む為に、数年ぶりでiframeを使用しました。
そこで、ie6で横スクロールバーが常に表示されてしまう問題が発生。。
(懐かしい!!)
ということで下記タグを、読み込まれるページに設置で回避。
html{
overflow-x: hidden;
overflow-y: scroll;
}
ちょっとAdobe Flash CS3でAlternativa3Dを触ってみようと週末色々試していたのですが、
初期設定で躓いたので、覚え書きです。

(続きを読む…)