Windows7 & Core i7 ポチった

ここ半年ほどずっと悩んでいた新PCを、とうとう先ほどポチりました。
なんでこんなに時間かかったのかというと、ひとつはWindows7の発売を待っていたのと、もうひとつはPCの基礎知識があまりにもなさすぎて決定に時間がかかったのが原因ですね。はい。
以下、今回買ったやつと、今使っている5年前のNEC VALUESTARとの性能比較(細かいスペックは納品されたら書きます)。
【OS】 Windows XP Home Edition ⇒ Windows7 Professional 64bit
【CPU】 Celeron(シングルコア) ⇒ Core i7 860(仮想8コア)
【メモリ】 768MB ⇒ 8GB
【HDD】 140GB ⇒ 1TB
【モニタ】 15型/1024×768 ⇒ 23型ワイド/1920×1080
OpenOffice.orgで使える無料のPDF編集ツール Sun PDF Import Extension

twitterで@hi_tension_tkさんから教えていただきました。感謝!
photoshopなどでつくった複数のファイルをそのまま書き出すと、PDFも複数枚できてしまうので、これらを一枚にまとめられるソフトを探していました。Adobe Acrobatでも可能ですが、これだけのために35,000円はさすがに高い。
ということで、OpenOffice.orgの拡張機能で無料で利用できるSun PDF Import Extensionを使ってみました。以下、インストール方法。
続きを読む[css] 横スクロール付きテキストボックス
width: 500px;
overflow: scroll;
white-space: nowrap;
border: solid 1px #000;
}
[MT] Dreamweaverを使ってMTのテンプレートを更新する方法
MTでのサイト制作を今までTeraPadを使ってやってきたのですが、書いたソースをいちいち管理画面のテンプレにコピペする作業が面倒なので、前に聞いたことのあるDreamweaverを使って直接編集するという方法を試してみることにしました。
twitter上で何人かのWebデザイナーさんに聞いてみたところ、実務上でもテキストエディタからコピペするやり方で編集している人が多かったので、どっちがやりやすいかというのは慣れとか好みによるのかもしれません。以下、やり方。(下記で説明している「ファイルへのリンク」については小粋空間を参考にしました。より詳しい説明が載ってますので、そちらを見られたほうがわかりやすいと思います;)
■1.MTテンプレートの「ファイルへのリンク」に外部ファイルを指定する

[MT] カテゴリごとに記事のアイコン画像等を切り替える方法
twitter上で、記事毎に違うカテゴリアイコンを表示したいけどやり方がわからない旨をボヤいていると、<$MTCategoryLabel$>(カテゴリ名が英数字の場合のみ)や<$MTCategoryDescription$>を使って、カテゴリ別に違う画像を出力できるということを教えてもらいました。
で、さっそくcssでカテゴリ別の背景画像を出力しようとしたんですが、<$MTCategory$>タグって、そのままじゃテンプレートに書けないんですね......。やり方わかんなくてウワーってなってたら、またしてもデザイナーの方たちが助け船を出してくださって、さらにあの小粋空間の@yujiroさんまでもが手を貸してくださって(初めに声をかけてもらったときは思わずユーザーネームを二度見してしまったw)、二日がかりでやっと実装することができました。
@yujiroさん、@take_it02さん、@rinatsukuさん、@mattari_pandaさん、本当にありがとうございました。
以下、@yujiroさんに教えていただいたやり方をほぼそのまま掲載します。
続きを読む[MT] htmlだけで実装できるページ送りプラグインPageBute
MT5は知りませんが、MT4になってもページ送りが実装されてないってどーなのよ? と、怒ってみても仕方がないので、当ブログにもページナビを実装すべくプラグインを検索してみたところ、htmlだけで実装できるPageButeというのを見つけました。
MTPaginateというのもあるのですが、php環境じゃないと動かない上に、俺自身の能力の問題でソースを読み解けなかったのでorz、こっちを使ってみたところすごく簡単に実装できました。
以下メモ。(詳細は開発元のスカイアークのページを参照)
[css] ロールオーバー(背景画像置換)
(html)
<li class="rollover01">
<a href="#"><img src="images/rollover_off.jpg"/></a>
</div>
(css)
.rollover01 {
width:100px;
height:30px;
background:url(images/rollover_on.jpg) no-repeat;
}
.rollover01 a {
display:block;
width:100px;
height:30px;
font-size:1px; /* IE対策 */
line-height:1px;
outline:none;
}
.rollover01 a:hover {
text-indent:-9999px; /* ロールオーバー時にoff画像を枠外へ飛ばす */
}
参考:CSSサンプルプログ
