昨年の10月にiPod touchを購入してからtouchのSafariでWebサイトをみるようになりました。Safariは確かに使いやすくパソコンの解像度を想定して作られたWebサイトでも見やすくするUIになっていますが、やっぱりiPhone/iPod touchに最適化されたサイトの方が見やすいなぁと正直思いました。
てことでWordPressのプラグインを使うことでこのサイトをiPhone/iPod touchに対応してみることに。

ついにMacworldで，薄型のMacBook「MacBook Air」が発表されました。拡張端子の大幅な省略^[1]や本体にバッテリを内蔵したことは、人によって評価が分かれる部分でしょうね。^[2]今回SSD搭載というモデルを出してきたわけですが、SSDの価格も下がっていくでしょうからむしろこれからが楽しみなラップトップなのかもしれません。

また、同MacWorldで2月のSDK公開に先駆けてiPod touchにiPhoneのソフトウェアが有償でインストールできるというソフトウェア・アップグレードが発表されました。僕もアップグレードして早速Mailの便利さに感動してます:-D

CSSを書くときに、そのそれが何の役割をするのか(どこをスタイリングするのか)という概要をどう書いたらよいのか迷うことがあります。

特に大人数で作業している場合は形式を決めておきますが、他人が書いたものだとどうも区切り線^[1]や改行のタイミングが気に入らなかったりします。僕はというと、3ping.orgさんの「CSSのコメントの書き方コレアレ」という記事を参考に、import.cssに各CSSの概要をまとめて書いていました。

何か自分を納得できるような形式がないか探していて、DOASを見つけました。これはかなりよいのではないかと思って早4ヶ月^[2]、やっとエントリ書けました:-<

少し前に出た話題だけど、CSS(だけ)でブラウザのウィンドウの中央にボックスを表示させてみようと試みました。元ネタは以下の記事より。

CSSでDivを天地左右中央に配置する方法『locate div at the center vertically and horizontally』 | CREAMU

グラフィカルなメニューなどでhover時に違った画像に変化させる際に、text-indent: -9999px; でテキストを飛ばして画像を置換する方法が過去のもの^[1] になっているようです。このような場合はテキストではなく普通にimg要素を配置する方がよいと思います。

画像をそのまま配置した場合、昔のように(もっとコードは洗練されていますが) JavaScriptを使って画像置換する方法が復活していますね。でもそれはなるべくCSSでやりたいなぁと思った自分はアクセシビリティをなるべく確保するようにした画像置換方法がないか考えてみました。

画像はCSS Nite LP3の課題のものを利用させていただいています。