Kenji Sugimoto: 2008年10月アーカイブ

21

HTML5&CSS3辞典 第2版 迷った時に読み返そう!

IEでletter-spacingを設定すると<br>が正しく表示されないバグ

めったに使わないCSSのletter-spacingですが、
FlashをHtml化する作業の時に悩まされたバグです。。

ブログでは文章を改行(空行)させる時に<br><br>で改行しています。一文をただしくコーディングするなら<p>を使用しますが、<br><br>になっている事が多いです。

その時にletter-spacingを設定していると
----------------------------------
(通常時)
あのさ<br><br>実は...
 ↓(レンダリングすると
あのさ

実は...

----------------------------------
(letter-spacing設定時)
あのさ<br><br>実は...
 ↓(レンダリングすると
あのさ
実は...


となる訳です。

(解決策)
<br>で改行(空行)をとっている場合、brタグに対してletter-spacingを、
br{
letter-spacing:0;
}

とbrタグにだけ、letter-spacingを0を設定すると解決します。

こういうバグ対策で時間を取られるのは、かなり損をした気になりますね。。

20

MacBookファミリーが登場しましたね。

img_081015.gif
今回もリークされまくりで、数日前から「ああ、こうなるのか」というのが確信的でしたね。

詳しい情報は、アップルのサイトで見れば充分かと。
http://www.apple.com/jp/macbook/
http://www.apple.com/jp/macbookpro/

iBook時代から、MacBook時代と大きく外装の変更は無かったですが、今回はiMacと同じくアルミになり、キーボード周りはMacBook Airと同じになりました。

あとトラックパッドが大きくなり、ガラス製になりました。これはちょっといいなあと。

さかのぼる事、2年前に買った黒MacBookですが、現在も順調で買い替えはしないです。。

※ちなみにWebデザインをするのに、スペック的にMacBookかMacBookProか、という疑問ですが、MacBookで充分過ぎるくらいです。(最安の白MacBookでも)
本気で作業するなら、モニタとキーボードとマウスを買って、デスクトップみたいに使うのがおすすめです。(モニタは20〜24インチワイドのノングレアがおすすめ。グレアは自分の背景が映り込むので。)
というか、本気で作業するならコスト的にもiMacが絶対にいいですw

お金が余っているならMacBookProで、MacBookAirは作業用にはおすすめしません。