サイト内検索:

iTunes 9はWebKitをガンガン使っているらしい

iTunes 9, now with more WebKit

, iTunes 9 certainly uses WebKit much more than the last version.

ということでiTunes 9をパケット・トレースしていろいろ調べた人がブログに書いています。

リクエスト・ヘッダーはこんな感じ。

X-Apple-Store-Front: 143441-1,5

これを使って、Rockカテゴリのページをcurlコマンドで入手するには

curl -H "X-Apple-Store-Front: 143441-1,5" \
http://ax.itunes.apple.com/WebObjects/MZStore.woa/wa/viewGrouping?id=24

となります。

で、入手したHTMLにいろいろ手を加えて再現したのがこのページ。

http://files.willnorris.com/misc/iTunes9/response.html

Webkitを使ったブラウザ(SafariとかChrome)と使っていないブラウザで見た時にその違いに驚きますね。

で、これを元にもうちょっと詳しく調べた人のブログがこちら。

iTunes + CSS3

で、CSSファイルだけを取り出しています。ここから見ることができます。

-webkit-mask-box-imageとか-webkit-tap-highlight-color、-webkit-gradientといったWebkit独自拡張などを勉強するのによいかと思います。

ページのトップのローテーションバナーとか画像の切り替えなどもFlashではなくHTML+JavaScriptで実現されているようですので、ほんといろいろ学べるところがあるかと思います。



カテゴリ

コメント

COTOBACO


連絡とか感想とか何でも↓にコメント書いてくださいね。

COTOBACOに投稿(読む)

このブログ記事について

ひとつ前のブログ記事は「中田ヤスタカ曲に合わせて自作歌詞歌う 「iida」企画」です。

次のブログ記事は「Google Docsのドキュメント化されていない機能を使ってPDF等をWebページにエンベッドする方法」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

新着DVD

BlogPeople PEOPLE

【Atom Netbook/MID】

【ガジェット!ガジェット!ガジェット!】

【あなたのライフハック大募集! 】

トラックバック・ピープル

[BlogPeopleピープル]

[iTMSピープル]

お誕生日おめでとう

Yahooで取り上げられた記事

ブログ内検索

BlogPeople ReviewMe!

このサイトのレビューとか応援コメントを書いてもらえると励みになります。

Affi☆List for Amazon

昨日のアクセストップ5

ブログリンク