shortcut Webデザインとかガジェットについてつらつらと書き連ねています

88月/050

無印良品のサイトのHTMLが何気に構造化されていた。

記述は4.01 Transitionalだが、実際のソースは完全に構造化されたHTMLになっている。
ロールオーバーはa:hoverの疑似クラスの背景画像を差し替える事で表現し、メニューの項目は大きな画像の一部分をpositionを使って見せている模様。

スタイルシートを切ってしまうと、携帯でも読めてしまうのでは、と思えるくらいシンプルなページになる。既存のサイトのリニューアルでここまで徹底できるのはなかなかないと思う。

ちょっと前まで緻密なテーブルレイアウトのページだったはずなのに、イメージを変える事なく大きな告知もなくHTML+CSSに移行するってのも粋ですね。

ま、無印良品の場合、紙媒体の段階でVisual Identityがほぼ完璧なので、webサイトのリニューアルに合わせてイメージを変更する必要がないのと、エンドユーザーからしてみれば記述されている言語がHTMLだろうとHXTMLだろうと全く関係ないから特に告知する必要はない、ということなんだろうな、きっと。

Filed under: web No Comments
48月/050

iTunes Music Store サービスイン

アップル、iTunes Music Storeを日本で開始

やっと日本でも始まりました。長かったですね。

JASRACが上前はねさせろとゴねたり、日経新聞に飛ばし記事を書かれたりと、ハタから見てて大変そうだったが、無事に、しかも1曲150円〜200円と安価な値段でサービスを始められて一安心といった感じ。

日本では、まだまだ利権…、じゃないや、著作権団体の主張が強いので、この先もいろいろ大変そうな気もするが、音楽プレーヤーとストアを一体にするという、音楽好きにとっては魅惑的な仕組みを作ったAppleは偉いと思うので、これからも頑張っていってほしい。

Filed under: mac No Comments
28月/050

webサイトの値ごろ感というのはいくらなのだろう?

ウェブマスターはてな 1万円以内で1サイト(10ページ)を制作してくれる個人または法人をご紹介下さい。条件はデザインセンスがあること

対面でこういう事を言われたら、笑顔でグーパンチしたくなるような人を馬鹿にした値段だが、この人はどういういきさつで1万円なんて値段を出したのだろう?

とても気になるところ。

Filed under: webdesign No Comments
18月/050

NECがサイトをリニューアルした

XHTML+CSSの構造化されたページになった。
ヘッダーにコーポレートカラーの面積を大きく入れて、テキストメインの簡素なページになった。
NECの担当者は怒ると思うけど、富士通のサイトによく似た雰囲気になっている。

ただ、惜しむらくは、スタイルシートの分岐にJavaScriptを使っているので、JavaScriptを切っている場合はスタイルシートが適用されないのと、macのIEとsafari以外もスタイルシートが適用されないようなscriptの書かれ方をしていること。
macのfirefoxでトップページを見たときはこんな感じ。

なんでCSSハックでブラウザ分岐をしなかったのかなぁ?

追記(05/08/04)
スタイルシート分岐のJavaScriptにMac用のfirefoxとmozillaとOperaの条件が追加された。
これでfirefoxでもスタイルシートを適用したページを見る事ができる。仕事早いですね。

というか、「macのfirefoxで見れない」と問い合わせたのだが、そしたらすぐに修正してくれて、しかも返事までくれた。
NECといえば大企業のはずなのに、やたらとフットワークが軽くて驚いた。

Filed under: web No Comments
18月/050

Palmのアドレス帳をMailで使う

アドレスはPalmで管理して、メーラーはMailを使っているけどiSyncを使いたくない人向けの話。

PalmとMacをPalm Desktopで同期しているのなら、そのデータをMailでも使いたいと考えるのが普通だろう。
一応iSyncというアプリケーションが提供されているので、それを使ってPalm Desktopの代わりにiCalとアドレスブックを同期させれば、アドレスブックのデータを使っているMailでもPalmのアドレスを使えるのだが、iSyncは同期がたまらなく遅くて競合の解決がいまひとつでたまにデータが二重になってメモ帳がついていないので、敬遠する人もいるだろう。
そこで、アドレス管理はPalm Desktopで行い、メールアドレスと個人名が紐づけられた情報だけを書き出してMailで使うという方法を考えた。

手順は以下の通り

  1. Palm DesktopのVcard形式でアドレスを書き出す
  2. アドレスのうち、標準の項目に記入されているメールアドレスは電話番号の項目として書き出されるので、テキストエディタでVcardを開いてメールアドレスの前の「TEL:」を「MAIL:」に書き換える
  3. アドレスブックの「Vcardを開く」を使ってVcardを取り込む

これでMailでもPalmのアドレスを使えるようになる。

問題点は以下2点

  • 読みがなに用いられるSOUNDプロパティはアドレスブックが対応していないので読み込まれない。(アドレスブックからの書き出しもできない)これはAppleのローカライズ対応の怠慢なんだろうな、きっと
  • まれに文字化けしたり読み込まれない項目がある。カタカナがどうもあやしい。
Filed under: mac No Comments