[k]id 

2010年2月11日

企業ロゴの歴史が見れる!

speckyboy.comで有名企業の歴代コーポレートロゴのがみられる記事が掲載されていました。
興味のある方は下記からご覧ください。掲載数の多さに圧巻です!

logo
Design Evolution of 40 Famous Corporate Company Logos

ちょっとだけ抜粋させていただきます。
l1
l2
l3

カテゴリー: 未分類
タグ:

2010年2月10日

JQueryでSwapImagesの覚え書き

JQueryでSwapImageさせようと思い、
奇麗なソースがないかと調べていたところ、

chobugyoさんの[jquery]ないのでつくってみた「jquery SwapImage Menu」に端的なコードがあったので参考にさせていただく事にしました。

コードは以下、記事、ありがとうございます。参考にさせていただきます。

$(function(){
	$("#buttons a").hover(function(){
		var picture = "images/" + $(this).attr("class") + ".jpg";
		$("#swapimage .floatPicture:visible").fadeOut("fast",function(){
			$("#swapimage .floatPicture:hidden").fadeIn("fast").attr("src",picture);
		});
		$("#swapimage a").attr({
			href:$(this).attr("href"),
			title:$(this).attr("title")
		});
		$("#swapimage .basePicture:visible").fadeIn("fast").attr("src",picture);
	});
});

カテゴリー: Ajax, JavaScript
タグ: ,

2010年2月9日

JQueryで画像を先読みする。

JSなどで画像等を後から読み込んだりする場合、
先読みをしておかないとまずい場合があるとおもいます。

そんなときにJQueryのattrにて下記のソースで先読み設定ができるようです。

jQuery.preimg = function()
{
	for(var i = 0; i<arguments.length; i++)
	{
		jQuery("<img>").attr("src", arguments[i]);
		//配列から読み込み
	}
};
jQuery.preimg("画像名.jpg", "画像名.jpg");

カテゴリー: Ajax, JavaScript
タグ:

2010年2月8日

エラスティックレイアウト のための早見表

1emを基準としたemレイアウトを実装する際に
emコーディングを考えてみるを掲載しましたが、
基準となるフォントサイズが12ptだと、どういう計算になるのかと
考えていたところ、下記のサイトにヒントがありました。

相対関係を把握するのに参考になりますね。

Approximate Conversion from Points to Pixels
em2

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

カテゴリー: CSS
タグ:

2010年2月5日

WordPressの携帯表示(Ktai Style)でモバイル向け Google Analyticsを導入

ablog

WordPressの携帯表示にKtai Styleを使用させていただいているのですが、モバイル向け Google Analyticsの日本語対応が完了したということで、早速導入してみる事にしました。

1、プロファイルの設定

まずAnalyticsのプロファイル一覧のページを開き、プロファイル一覧の一番右上の
「+ 新しいプロファイルを追加」を押して「プロファイルを新規作成」画面にいきます。
p1

「プロファイルの種類を選択」→新しいドメインのプロファイルを追加にチェック
「新しいドメインのプロファイルを追加」→URLを入力
p2
※オフィシャルBlogに「PC 向けのトラッキング コードとの併用はできません。」とあるので、念のため新規で。。

2、アドバンス設定

トラッキングコートの追加手順の項でアドバンスのタブを選択
p3

携帯電話向けのサイトを選ぶ
p4
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("&", "&amp;", $url);
  }
?>

ここで注意点
どうもKtai Styleでの設定だと
global $GA_ACCOUNT, $GA_PIXEL;が読み込まれていないので
上記のように
・$GA_ACCOUNT = “トラッキングコード”;
・$GA_PIXEL = “パス”;
をfunctionの中に入れ込んでしまいます。

さらに。
footer.phpの</body>の直前に
<?php
  $googleAnalyticsImageUrl = googleAnalyticsGetImageUrl();
?>
<img src="<?= $googleAnalyticsImageUrl ?>" />
を挿入します。

ga.phpを設置
gaphp 上図のga.phpのリンクからファイルを保存し、先程設定したパスに設置。



以上で、正常に動作すると思います。

カテゴリー: WEB Tips, WordPress Tips
タグ: ,

Page 5 of 4712345678910...Last »