AZ::Blog はんなりと、あずき色☆: リニューアルでお世話になったあれこれ

リニューアルでお世話になったあれこれ

written by overQ

December 30, 2006

リニューアル、おおむね完成しました★
あとは、細かいところと、カテゴリー・ナビくらい。これは、カテゴリー分けも見直したいので、来年だなｗ

さて、今回のリニューアルでお世話になったあれこれを、ちょいとメモしておきます。

Firebug

Firebugは、Firefoxのアドオン。ブラウザ上で、ＨＴＭＬやＣＳＳ、ジャバスクリプトをいじくって、ページを編集・デバッグできるツール。
サイト作成のオーサリングツールとしても、超強力に使えます。ウェブデザインの究極ツールかもしれないくらい。

ＭＴのようなブログツールは、ＣＧＩが吐いたＨＴＭＬが最終的なページの形。これをウェブ上じゃなく、ローカルでやろうとすると、素のままのファイルではＭＴタグがダラダラ並んで、イメージがつかみにくかったりします。
Firebugを使うと、ウェブ上で、ＣＳＳをどういじれば、どうデザインが変わるかがたちまちわかるんで、あーだこーだとコードをなぶるのに、非常に有効。

もうちょっと早く存在を知ってて、使い方になれてたら、今回のリニューアル、もっと短時間でできてたのにな。ち。
そして、アイコンはゴキブリ。作ってるのって、どんな人たちなんだろ。

BrowserShots

　◆Test your web design in different browsers - Browsershots

Firefox、Opera、Safari、ＩＥなど、いろんなブラウザがあり、それぞれバージョンもたくさん。ページの見え方も異なっています。
それぞれブラウザで、そのページがどんなふうに見えるかを、スクリーンショットにしてくれるサイト。
アドレスを登録して３０分ほどすると、ロボットがページのショットを採集してくれます。

写真にふちと影を付ける

　◆小粋空間: CSSで画像に影をつける（ドロップシャドウ）

写真に白いふちをつけ、ドロップシャドウを落とす。
ドロップシャドウのようなグラデーションは、パソコンが最も得意とする描写だけど、現在のブラウザでは、自前で「影」画像を用意して、かなり泥臭いやり方で実現します。
自分で考えてやると、パズルみたいで、かなり苦労します。
そこんところを、いつものように小粋空間さまが手取り足取りわかりやすく説明してくださってます。

Scodeプラグイン

　◆SCode | Movalog Plugins: Movable Type Plugins by Arvind Satyanarayan

スパムコメント封じ。
画像でランダムな数字を出して、コメント登録時にこれを入力してもらうという、ときどき見かけるアレ。
ＭＴ用のプラグイン。

スパムコメントは、スパムフィルタでホイホイとれるのだけど、削除するのが面倒だし、まちがってちゃんとしたコメントもいっしょに削除してしまいかねない（たぶん、何度かやってる気がする…汗）。
このプラグインをつけると、スパムは皆無になりました。
Ogawa::memoranda さんの「Captcha プラグイン」もあるのですが、ロリポに導入するのはちょっと面倒なので、こちらにしました。

導入方法は、こちら。

◆小粋空間: SCode プラグインでコメントスパムを制限する（その1：基本設定）

トラックバックスパムには、これが利きます。

◆小粋空間: asciiTBPingfilter プラグイン

Entry Category Entries Plugin

　◆EntryCategoryEntries Plugin.ja JP - Ogawa Code

エントリ・カテゴリ・エントリーズ・プラグイン。ＭＴのプラグインです。
記事が増えてくると、関連のある記事どうしがわかりやすくリンクできると便利。
うちでは、このプラグインを使って、個別の記事のサイドバーに、同じカテゴリの記事へのリンクを張りました。インデックスみたいに使えると思います。
いつものようにOgawa::Memorandaさま謹製。

Google Analytics

　◆Google Analytics

グーグルのアクセス解析。
ページ上に「アクセス解析」とかは無表示。無料で利用できる。などが利点。
そして、分析結果の表示が、２．０ライクでかっちょいいです。
うちのような個人ブログでは、まあアクセス解析なんてどーでもいいようなものなんですが、もっとちゃんと、統計分析から集客力アップを目指そうという場合にも、たいへん有用（たぶんね）。アドワーズといっしょに使うといいらしいです。