ホーム画面アイコン・ショートカットアイコンの話し
今やiPhone・Androidの普及を考えると、スマホ最適化してないサイトでも「ホーム画面アイコン」「ショートカットアイコン」の設定は必須になってきたと思います。
以下のようなタグで、ページに簡単にアイコンを設定できます。
<link rel="apple-touch-icon" href="画像ファイルのパス(png)" >とくにiPhoneは、指定した画像に自動的に磨き処理のエフェクトをかけてくれるので、いい感じになるな〜と関心していました。
ただ、Androidについては磨き処理をやってくれないので、ちょっとした悩みでした。
iPhoneの方がいい感じになるだけに、Androidのアイコンがかなり寂しい感じに見えてしまいます。
※コメントにも頂いておりますが、この公開版はバグがありますので、承知の上でご利用になるか、ご自身でカスタマイズされる方がお使いください。
スマートフォンサイトにおいて、左のムービーのようなフリック動作ができる画像スライドのjQueryプラグインを作りました。(ムービーはiOSシミュレータによるデモです)iPhone・Androidでご覧の方はデモに直接アクセスしてください(ムービーは再生されません)。
※Androidでアクセスされた方は使用感をいただけると幸いです。
(サイトトップ)
先日簡単なエントリで書いてますが、今まではてなダイアリーにエントリを書いてまして、やはりデザインの限界などがありWordPressに移行しました。
同時に、基本的なスマホ最適化もおこなっています。
ようやく自分のサイトでスマホ最適化ができたので…ということでのエントリです。
ちなみに、このサイト自体はまだまだ作りかけでして…
そもそもサイトの構成がちゃんと考えられておらず、かなりいろいろ行き届いてないサイトです(笑)
(IE系ではちゃんと表示されません…そのうち手入れします。すみません)
どちらかというと、スマホ最適化でのユーザーインターフェースに重きを置いてのエントリとなります。
では、以下にスマホ最適化でおこなったことをまとめてみました。
(ちなみに対象としているスマートフォンはiOSデバイス(iPhone, iPod Touch)、Androidです)