July 15, 2009

FriendFeed APIの不具合

17:47

返ってくるJSONがちょっとおかしい。entries[1].service.profileUrlにTwitterなら

http://twitter.com/username/

とか入るはずなのだけど、

http://twitter.com/username/statuses/{message number}

とかになってる。つまりentries[1].linkの値と同じになってる。Twitterのみ。

宅配便追跡

08:23

大抵GETで追跡できる。一時的にブックマークしておく時に使う。

クロネコ

http://jizen.kuronekoyamato.co.jp/jizen/servlet/crjz.b.NQ0010?id={荷物のID}

佐川

http://k2k.sagawa-exp.co.jp/p/web/okurijosearch.do?okurijoNo={荷物のID}

ペリカン

https://info.jpexpress.jp/confirm/confirmList.html?denpyoNo={荷物のID}

Pipesで統合フロントエンド作ろうかと思ったけど、robots.txtとかあったりとか面倒でやめた……。

img { max-width: 100%; }

07:15

定期的な啓蒙活動。あまり流行らないので悲しい。

平均するとディスプレイの画素数(解像度でもいいや)は多くなってないんじゃないかと思う。2極分化してるんじゃないかなーとかそういう感じ。普通の液晶ディスプレイやノートPCの液晶がほぼ横幅1680以上になっている一方で横幅800-1024のものがシェアを拡大しているんじゃないかと。他にも様々なデバイスがある。

そのため画像の適切なサイズを決定するのはまず無理がある。低位デバイスに合わせるという形では、前述のように2極分化しているため失うものが大きすぎると思う。かといって高位デバイスに合わせてしまったら、小さな画面の低位デバイスで横スクロールバーを出させてしまうことになり、小さな画面を更に小さく使わせることになってしまう。

なのでコンテンツ部分に載せる画像にはmax-widthを設定してやると良いと思う。これも一種のelastic design？

#content .section p img {
  max-width: 100%;
}

ネットブック等ではあえてIE6からアップデートしていない場合もあると思うので、場合によってはexpression()でも駆使して擬似max-widthを実現してやる必要もあるかもしれない。

また、

@-moz-document domain("reader.livedoor.com") {
  .body img {
    max-width: 100% !important;
  }
}

とかフィード・リーダーにユーザー・スタイルシートを適用してやるのもオススメ。

フルHDなモバイル・ノートPCが欲しい！！１

なんか本エントリっぽくなった。まぁelastic design言いたかっただけです。

おれ ここ めも かきなぐる おまえ ここ よむ なぐる