Firefoxはタブ機能が便利（もちろんアドオンあり）だが、気づいたら平気で300MB位独占しててパソコンが重くなってイライラの原因になったりする。

どうやらこのFirefox のメモリ食いは”仕様”らしい。

でもある程度の回避できるので紹介。

(1)Firefoxのアドレスバーに「about:config」と入力しEnterキー。

(2)フィルタバーに「browser.sessionhistory.max_total_viewers」と入力する。

(3)表示された「browser.sessionhistory.max_total_viewers」の項目をダブルクリック。

(4)整数値を「0」にする。
※初期値は「50」。この値が「 -1」 の場合はPCのRAMサイズによって動的に設定される。

(5)同様な操作で「browser.sessionhistory.max_total_viewers」も「0」にする。
※戻る/進むボタンが使用されたときにページの表示速度の高速化を無効。

(6)また同様な操作で「browser.cache.memory.capacity」に積んであるメモリの適正値を入れる。
※16384(メモリ512MGのとき)、32768(メモリ1Gのとき) 、65536(2Gのとき)
※キャッシュメモリの最適化

(7)今度は画面上で右クリックし「新規作成」→「真偽値」をクリック。

(8)新しい真偽値の設定名を「config.trim_on_minimize」にしOKをクリック。

(9)真偽値に「true」を選んで「OK」をクリック。
※最小化するごとにメモリを解放してくれる。

(10)再起動。

どうやらFirefox3で改善されるみたいだがどうですかね。

発売してから2年近く経つが、携帯サイトを作る上での基礎知識が網羅されているのですごく便利だ。

ただ、vodafone時代なのでsoftbankの記述は一切ないのが残念。vodafoneはボーダフォンライブ！向けHTML、 ボーダフォンライブ！向けXHTML Basic、MMLの3ん種類あったのだが、softbankになってからyahoo!ケータイといソフトバンク向け(X)HTMLに豹変したので、この本のvodafoneの記述は役に立たない。

ここ最近携帯電話の資料はグーグル先生に聞くか、web creators 2007年12月号の「モバイル環境のためのスタイルシート」を参照するといい。 またWeb Desigening 2008年2月号に参考事例を含めて紹介されている「携帯電話の最新トレンドを知る」もお勧め。

あと、この本の意外な収穫はプログラミングに関する記述。

オブジェクト指向の項目は例えが上手いのでわかりやすい。分厚い専門書の専門用語羅列の説明より遥かにクリアーだ。

PHPに関してもまさに至極の説明だった。

この思わぬ収穫にコーヒーを3杯おかわりしてしまった。

話を戻すと・・・いろいろお勧めできる本だってこと。

thirdaryではなく

“tertiary”

っていうらしい。

3カラムのサイトでdivisionのid命名に迷ったので調べた。

1番目はprimary、2番目はsecondary。3番目はtertiary。

正直分かりづらい・・・

ちなみに4番目はない。

やっぱ

1番目はmain、2番目はsub。3番目はextra

がイイっぽい。

最近Linuxがじわじわ来てるらしい。官庁や教育施設等で導入の事例が多くなってきてるようだ。

そこで、CSSのfont-familyもLinuxも視野に入れるべきだと思う。なぜならMSゴシックやOsakaはLinuxにはインストールしていないからだ。

Linuxでは”VL ゴシック”や”さざなみゴシック”が有名らしく国産Vine Linuxでは標準インストールしているみたいだ。

なのでfont-family属性をこうしてみた・・・


body { font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"VL Pゴシック","VL PGothic","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
* + html body { font-family: "メイリオ","Meiryo";}


これでバッチリと思いきや、Linux環境が無いので未検証。

誰か他頼んます。

Firefoxのデフォルトの機能はお世辞にも良いとは言えない。OperaやSleipnir、Lunascapeにも遠くおよばない。だがしかし、アドオンと呼ばれる拡張機能が世界中で開発され、それを自由に組み込むことで素晴らしいブラウジングを可能にしている。

今回は私が日常使っているアドオンを紹介しよう。

(1)Tab Mix Plus

融通の利かないタブ機能を拡張してくれるアドオン。ハッキリ言ってこれなきゃ無理。

(2) FlashGot

使い慣れているダウンローダーと連携できるアドオン。

(3)Delicious Bookmarks

del.ico.usのオンラインブックマークとすさまじい連携ができるアドオン。FirefoxのブックマークやGoogleブックマークとは比べ物にならない使いやすさ。

(4)Google ノートブック

ブックマークするほどのことではない記事やコメントをすばやく保存できる。

続いてWeb開発者向けのアドオンを紹介する。

(1)Fifebug日本語版
言わずと知れたエロいアドオン。CSSやJavaScriptのデバックに不可欠なツール。

(2)Web Developer 日本語版

これも有名。いろいろ無効にできるのでアクセサビリティのチェックなどに使える。

(3)User Agent Switcher

実は携帯サイト制作に効果がある。Web Developerとの組み合わせで携帯サイトをPCでブラウジングできてしまう。

参考URL

http://6go.biz/moba/tool31.htm

http://blog.cgfm.jp/garyu/archives/112

(4)HTML Validator

w3cのHTML ValidatorをFirefoxに追加するアドオン。ローカルで検証するため公開前のサイトの漏えい防止になり便利。

(5)Screengrab!

Firefoxのウィンドウ内にあるページをスクロール部分ごとキャプチャできるアドオン。

(6)ColorZilla

Firefoxのウィンドウ内にあるページで使えるカラーピッカー。

(7)MeasureIt

画像の長さをピクセル単位で測定できるアドオン。

日本国内でWordpressと言えばWordPress JapanのWordpressME（現在バージョン2.2.3）だけど、なんと本家WordPressではWordress日本語版といものがある。バージョンはオリジナルと同じで2.3.3。すでに本家では2.5の開発に着手してというのにWordPressMEのバージョンがなかなか上がらないのでちょっと浮気をしてみることにした。

第一印象は・・・変らん！！

あ、日本語の翻訳が微妙 だった。

プラグインのUltimateTagWarriorが標準で装備されている点、その他プラグインが難なく使える点が優れている気がする。

仕事で使えるかどうか確かめたい。

FirefoxにはScreengrab!というアドオンがある。このソフトはスクロールのあるサイトを一発で全体キャプチャできる優れもの。

このアドオンはデフォルトでFLASHコンテンツ部分をキャプチャできない 仕様になっているのだがある方法を加えると見事解決できるので下に解説。

(1) Javaランタイム(JRE)をDLしインストール

(2) Firefoxの[ツール]→[アドオン]の中からScreengrab!を探し、[設定]ボタンを押す

(3)「Preferred page capture method」を[Java(older,funkier)]に変更

これで Screengrab!を使いFlashをキャプチャできるようになる。

※キャプチャ時にJavaコンソールが起動するが気にしない。

テレビもパソコンで見れる時代ときたもんだ。

解像度もインチ数もハンパない。

さらには、サイト製作者側も高解像度のPCを使いだして・・・

「あれ？XGAってどんぐらいの大きさだっけな？」

ってことが起こる。特にリキットレイアウトの場合は。

そんな時はPCの壁紙に解像度の確認用壁紙を貼っていつも確認できるようにしよう。

サンプル

DLは↓

解像度確認用の壁紙（PSD形式）

UXGA、SXGA、SVGA、XGA、VGAに対応してます。

UXGA向けに作ったので適宜変更してください。

色もクリエイティブにしたい方はどうぞ。

クライアンに驚きと感動を与えるLightbox系エフェクト。

ただ、画像を投稿する際にclass=”lightbox”だのrel=”lightbox”だの余計なコードを入れてもらわなければならなくなって結局使ってもらえない。

オーソドックスな解決方法は

• MovableTypeやWordPressなどのプラグインでスッキリ解決
• PearlやPHPのコアファイルをイジって自動でclassやrel属性を付加するようにする

といったところ。

わざわざプラグインを入れるものウザったいし、PHPは知らん！！

そんなファンキーなボーイズ＆ガールズにガゼン試して欲しいjQuery lightBox plugin。最近人気のあるJavaScriptライブラリ「jQuery」のプラグインとしてLightboxが使える頼もしいやつだ。

使い方はjQuery lightBox pluginのサイトからファイル一式をダウンロード（jQuery本体も同封）し、いつものようにタグ打ちします。スタイルシートも忘れずに！

<script type="text/javascript" src="http://yourdomain/jquery.js"></script>
<script type="text/javascript" src="http://yourdomain/jquery.lightbox-0.3.1.js"></script>
<link rel="stylesheet" type="text/css" href="http://yourdomain/jquery.lightbox-0.3.css" media="screen,projection" />

<script type="text/javascript">
	$(function() {
		$('a[href*="jpg"]').lightBox();
	});
</script>

このように書けばhref属性の値に”jpg”が含まれているa要素にLightboxが適応します。この部分は適宜変更可能。
さらに

$(function() {
	$('a[href*="jpg"]').lightBox({
		overlayBgColor: '#FFF',
		overlayOpacity: 0.7,
		}
	);
});

と書けば、オーバーレイ時の色や透明度の変更も可能。まだまだオプションがあるようです。
jQueryはCSS3のセレクタを扱えるから便利！！

良く出来たリファレンス本です。

ある程度dreamweaverでサイト構築したことのある人には半分以上基礎が書かれているので物足りないと思います。

これからって人には是非。