高橋 忍のブログ

UX & モバイル、全ては心でエバンジェリズム♪

タイルにタグを

タイルにタグを

  • Comments 1

Windows Phone 7 のInternet Explorer から 特定のサイトのショートカットをタイルに置くことができます。

その際に、画像はページの左上の一角をサムネールとして取得します。その機能を使ってタイルにちょっとしたグループタイトルを入れてしまおうという試みとそれを補助してくれるサイトです。

  1. こちらのサイトのサイトを開きます
  2. 文字の色を決めます

    image
  3. 表示する文字と背景色を決めます。

    image
  4. 表示されたサイトをメニューからタイルにPinします。

    image

こうするとサイトにはこういうタイルが現れます。

image

あとは配置すればOK。いつでも簡単にできるので、このサイトを登録しておくと便利かも。

独自で作りたいのであれば、320x320の画像をWebにおいて、こんな感じのHTMLで表示知れやればOK。

<html>
  <meta name="viewport" content="width=320" />
  <body bgcolor=black>
    <div style="position:absolute;top:0px;left:0px;width:320px;background-color:#000000;">
      <img src="claudia.jpg" />
    </div>   
  </body>
</html>

こんな感じです

Comments
  • タグは自動的に生成されているものだと思っていましたが、画像埋め込みなんですね。やっぱり、標準アプリのタグのフォント、サイズに合わせたいですね。独自デザインになればなるほど美しくなくなる気がしますので。

Page 1 of 1 (1 items)
Leave a Comment
  • Please add 5 and 5 and type the answer here:
  • Post