Home > 20080313


20080313

Glossy:画像をJavaScriptでiPhoneアイコン風に変換

Glossy.js

上記サイトからJavaScript(Glossy.js)をダウンロードできる。また、使用方法の説明も(英語だが)掲載されている。比較的わかりやすい、というか、カスタマイズなしの最小範囲で利用する場合は・・・
1.Glossy.jsのダウンロード
2.対象Webサイト・ブログへGlossy.jsのアップロード
3.対象画像ファイルにクラスを追記(class="glossy")

20080416_3.jpg
通常だとこんな画像が上記3項目を実施するだけで・・・
20080416_3.jpg
iPhoneアイコン風な洒落たデザインに変換されます
Highslide JS・Shadowboxいずれかを実装した後、動作されなくなりましたので、上記は同じ画像に見えてしまうと思います。真四角のメニューアイコンのような画像を準備しておいて、それらに適応させればなかなか面白いクールなメニューバーもできそうです。本格的に作ろうと思えば、iPhoneなんかで使われている角丸の綺麗なボタンみたいなものも作れそうです。
FYI:以下サイトでは、Photoshopを利用する本格的な紹介もありました
DesignWalker|iPhone風ボタンデザインまとめ

Home > 20080313

Recent Comments
Recent Trackback
Feeds

↑Page Top