Windows8対応ピン留めサイト


Windows8 の画面には、タイルがずらりと並んでいるのですが、ここに自分のブログを登録してもらいやすくするカスタマイズ方法です。


タイルの画像

<meta name="msapplication-TileImage" content="/legacyimages/pinned.png">

赤字のところは自分の環境に置きかえてください。
〇〇〇〇管理画面の「画像を挿入」のところから、144ピクセルの正方形の画像をアップロードし、その画像の URL を赤字のところにいれかえ、テンプレートのカスタマイズから head タグの中に入れるだけです。
タイルの色

<meta name="msapplication-TileColor" content="#FF5C26">

赤字のところが色設定ですので、自由に変更できます。
記述例と同じように web ではおなじみの「#」で始まる16進数、もしくは css の rgb() 関数で設定できます。
サイト名

<meta name="application-name" content="[DESIGN] yasukawa.hamazo.tv">

赤字が自分のサイト名。
これで上の画像のように、ピンの設定ができます。
また、Windows8 の象徴ともいえる「ライブタイル」。
株価情報や天気情報などがタイルの中でスクロールしたり更新されたりしているやつです。
こちらも API やバッジ通知 XML で作ることができます。
Windows 8 のピン留めサイト – IEBlog 日本語 – Site Home – MSDN Blogs
http://blogs.msdn.com/b/ie_ja/archive/2012/04/12/pinned-sites-in-windows-8.aspx

2012/11/20
Windows8のユーザビリティ
僕の尊敬する先生、誰もが認めるユーザビリティの第一人者デンマーク人のヤコブ・ニールセン工学博士が、Windows 8 のユーザーインターフェース・デザインにブチギレ気味らしい。Windows 8 &;mdash; Disappointing Usability for Both Novice &;amp; Power Users (Jakob Nielsen’s Alertbox)http://www.useit.com…


2012/06/20
新UI「Feel UX」
ここ最近の UI では、「Metro UI」の完成度が高いなぁって個人的に思っているんですけど、シャープが Android 用に、新しいインターフェースデザインを開発したみたい。AQUOS PHONE SoftBank 104SHトップ|SoftBankラインアップ :SH DASH


2012/05/25
レスポンシブWEBデザイン つくってみた。
なんだか急に周りで熱が高まっているのか、「レスポンシブ WEB デザインにして!」という声をよく聞くため、欲しがってる人を羨ましがらせるために、自分のためだけに作ってみました。このブログのテンプレートでやってみました。(ブラウザの横幅を変更すると、いろいろ変わります)結構「難しい」という声を…


2012/02/07
中村勇吾さんの「アップルのデザインに対する違和感」
中村勇吾さんが Apple の iPhone を Twitter でディスってる、と聞いて注目。中村勇吾さんの「アップルのデザインに対する違和感」 – Togetter まとめ要するにプロダクトとインターフェースの意匠の方向性が全く逆なわけだが、この矛盾こそが「ただのグッドデザイン」に終わらな…


2012/05/07
東京駅八重洲口マルチタッチの総合案内用サイネージ
GWを利用して、1か月前に東京駅に登場したマルチタッチのサイネージを見てきました!前も品川駅に導入されたサイネージを研究しにいったら場所わからなくてウロウロしてたけど、今回もやっぱり同じく。
何人かの駅員さんにも聞いてみたのですが「サイネージ(でっかい液晶画面)」で一括りにされているらしく、最近東…


コメント

タイトルとURLをコピーしました