Blog | ブログ

Webデザイン - Archive

2008.06.25 23:58

firefox3.0の背景センタリング

css センタリング 弊害

firefox3.0になって、
サイトの背景がブレた感じになってるなぁと思い、検証してみたところ、
背景センタリングが、0.5px単位まで合わせてくるようになってました。

背景を敷くボックスが、
仮に横100pxの場合、

その横100px以上で、奇数幅の背景画像を指定した場合...

→ 背景画像が横にぼけた感じになります。
ブラウザが本気で画像を中央に合わせに来てる感じです。

縦方向についても考え方は同じです。

また、ボックスの大きさよりも小さい背景画像の場合は、
数字が割り切れなくても、
従来通り、1pxどちらかに寄る形で処理されているようです。


prismtoneのヘッダの背景の端の方は、
bodyに背景を指定しているので、
windowサイズによっては、ぼけるようになってしまいました。
背景の1pxのずれは許容できるように作ったのに、
ここでぼけが発生するのはちょっと、困ったなぁというところ。


もっと致命的なのは、
blogの見出しのところで、
hover色の関係で、
背景画像はベージュの背景を含んだ形で大きくせざるを得なく、
その結果、デフォルトでは、
親のブロック属性のheightが奇数になっていて、
縦にぼけている。

今後、仕事で、
firefoxで背景がぼけてるんですけど・・・。
という機会がでてきそうな予感。

※追記:Firefox3.0.1あたりから修正が入って、従来どおりに戻ったようです。

2008.06.24 01:28

firefox3.0とhttpd

作業の効率化の為に、AN HTTP Serverを極力使えるときは使うようにしていたんだが、

firefox3.0にしたら、とたんにCSSが読み込めなくなって困ってました。

同じ状況でIEでhttp://localhost/叩いたら見えるので、
おそらくfirefox3.0にしたからだよなぁという察しはついていたものの
原因がわからず1時間弱。。。

散々いろいろ試したあげく、
http://localhost/をやめて、
http://127.0.0.1/で叩いたら見えるようになりました。

しょうもないなぁ。

2008.06.19 01:36

bookreader.js

 bookreader.js

"bookreader.js" is a JavaScript library.
Make it easy to display a long sentence not by vertical scrolling but by horizontal scrolling.

**A required libraries
prototype.js
scriptaculous.js (※efects only)
cookiemanager.js (※If U want a resizing function)

Demo

---
日本製というのがとても素晴らしいなーと。
webってまだまだいろんな可能性があるんだなぁと、
ちょっとワクワクしました。

2008.06.06 19:55

XPにメイリオ (Meiryo) 設定

先月、

Windows XP 向け ClearType 対応日本語フォントとして、
メイリオ (Meiryo) が正式にダウンロードできるようになってました。

Vistaがでた当初からメイリオフォント自体は出回ってたけど、
正式にサポートされたわけですね。

Windows Updateみたく強制で、
XPがClearTypeフォントに対応するんであれば、
デザインラフとかもメイリオフォントを基準にして、
いよいよアンチエイリアス化するかなぁと思っていたけど、
それは、まだ先でもよさそうです。

Windowsのうち、Vistaのシェアは今年になってようやく10%に乗った程度みたいだし。

2008.04.24 16:17

Adobe Podcast

adobepodcast.jpg

Adobe Podcast

1年近く前からあるようですが、
今はじめて見ました。。なんとも鈍くさいです。

CS3の各プログラムの上手な使い方を、
Podcastで説明してくれてます。

photoshopにしても、Illustratorにしても、
こんな便利な機能を知らなかった!
みたいなことって何度もあって、
その都度目から鱗ですが、
このPodcastみていきなりやられました。
他のデザイナーの作業を横目で見る機会もないので、
これはこれでいい勉強ツールになりそうです。