Home > Archives > 2007-02

2007-02

ソーシャルブックマーク ( SBM ) 関連の Firefox 拡張機能

ソーシャルブックマーク ( SBM ) 関連の Firefox 拡張機能について色々書いてます。

Continue reading

ウェブサイト全体をダウンロードするソフトのまとめ

ウェブサイト ( ホームページ ) 全体をダウンロードするソフトのまとめ。実際に試していないのがほとんどですが、忘れっぽい私の為にメモ。

Continue reading

Dreamweaver で CSS ファイルを編集すると文字化け

Dreamweaver 8.0.2 の [ CSS スタイル ] 経由で CSS を編集後、CSS ファイルを開くと日本語部分が文字化けします。以前から気にはなっていたのですが、発生する条件と解決方法が判明したのでメモ。

Continue reading

[ CSS ] よく使う id, class 名の覚え書き

CSS を書いている時、id, class 名を決めるとき悩む事が多いので、忘れっぽい自分の為に覚え書き。

Continue reading

Movable Type: テンプレートにリンクするファイル名の案

Movable Type 3.33-ja で複数ブログを運営する時、デザインを統一したいので、主要なテンプレートを外部ファイルにリンクしておけば良いのかなぁと思い、その時の外部ファイル名を考えてみました。

ファイルを指定するときは、「絶対パスによる指定を推奨」らしいので、素直に絶対パスで指定します。私のレンタルしている、さくらインターネット(スタンダードプラン)では、/home/USERNAME/www/ みたいな感じです。

インデックス・テンプレート

i_index.html
メインページ
i_styles.css
スタイルシート
i_archives.html
アーカイブページ
i_atom.xml
Atom

アーカイブ・テンプレート

a_entry.html
エントリー・アーカイブ
a_category.html
カテゴリー・アーカイブ
a_monthly.html
日付アーカイブ

システム・テンプレート

s_search_results.html
検索結果
s_comment_preview.html
コメント・プレビュー

スタイルシートは、Movable Type のテンプレートで管理せんでも、ローカルで編集して FTP でアップロードすれば良いかな?

Picasa2: 回転済み画像をオリジナルファイルに

Picasa 2.6.0 で写真を回転して「変更を保存」ボタンをクリックすると、変更を加えた写真と同じ階層に「Originals」と言う不可視フォルダが作成され、変更前の画像ファイルがバックアップとして保存されます。

Continue reading

CSS: 10px を基準にしてフォントサイズを指定する

さっき書いたエントリー の応用で、デフォルトフォントサイズを 10 ピクセルにし、

font-size:10px → font-size:100% or font-size:1.0em
font-size:12px → font-size:120% or font-size:1.2em
font-size:14px → font-size:140% or font-size:1.4em
font-size:16px → font-size:160% or font-size:1.6em
font-size:18px → font-size:180% or font-size:1.8em

と指定できると簡単かなぁと思い、サンプルを作ってみました。

ベースとなるフォントサイズが 10px なので、パーセント指定にする時、余計な端数が出なくて気持ちいいかなと…。

こう言う手法って、どうなんだろ?

CSS でフォントサイズを統一&サイズ変更できる指定方法

本文を 12 ピクセル相当の大きさで表示すべく、font-size:75%; で指定されたページを Mac Firefox 2.0 で見ると文字が小さく見えます。これは、Mac Firefox 2.0 のデフォルトフォントサイズが 14 ピクセルの為で、計算してみると 10.5 ピクセル相当の大きさでレンダリングされている事になります。

14px * 75% = 10.5px

確かに小さいですねー。

この問題を解決すべく、各ブラウザで同じフォントサイズを実現するには、font-size:12px; とかのピクセル指定すれば良いだけなんですが、Windows Internet Explorer 7 で文字のサイズ変更が出来なくなってしまうのでピクセル指定はアウト。

と言う事で、やりたい事

  • 各ブラウザで同じフォントサイズを実現する。
  • Windows Internet Explorer 7 で文字のサイズを変更できるようにする。

こんな感じで、色々調べてみました。

CSS の設定方法

body {
  font-size: 75%; /* IE */
}
html>/**/body {
  font-size: 12px; /* Except IE */
}

サンプル

後方互換モードの事はあまり考えていません。ゴメンナサイ。

参考にさせていただいたページ

ありがとうございます。

ちなみに、Mac Safari 2.0 のデフォルトフォントサイズは 16 ピクセルなんですが、等幅フォントの時は 13 ピクセルになってるんですよねー。なんでだろ?

Google AdSense の収益を表示する Firefox の拡張機能 Adsense Notifier

私は Google AdSense のアフィリエイト収益を一日に何回も確認してしまいます。

貯金通帳を見てニンマリする心理と似ていて、それはそれで楽しいのですが、時間の無駄かな?と思い、Google AdSense の収益をステータスバーに自動更新で表示する Firefox の拡張機能 Adsense Notifier 0.9.3 をインストールしてみました。

右クリック一発でレポートページにログインできる!

うーん、これは便利だ。しかし、常時チェックするほど稼いでいない罠…。

ネタ元は えむもじら さんです。ありがとうございます。

WordPress のブログ内検索でハマる

ずっと気になってたんですが、エントリー数が多くなると Movable Type 3.33-ja のブログ内検索は遅くなるんですよね。

Continue reading

Home > Archives > 2007-02

Feeds
Meta
スポンサードリンク
楽天ダイナミックアド

Return to page top