« ロールオーバー時に動きを与えるJavaScript | トップページ | カラー写真をセピア色にして古くさせるサイト »

2008.12.21

PCサイトをケータイで見る裏技

Google Wireless Transcoder

今回もまたまたweb creators 2009年1月号の「Web Design Style-UP Tips」からのテクニックの紹介です。
ケータイのGoogleで検索すると、PCサイトだと自動的にCSSを省略して余計な装飾が省かれ、長いページは自動的に分けてくれます。今回はこのサービスを利用して、PCサイトをケータイ用に手軽に変換してしまおうというテクニックです。

方法は簡単です。
例えば、変換したいURLが、http://www.ex-yz.com/index.htmlだとすると、
http://www.google.com/gwt/n?u=http://www.ex-yz.com/index.html&_gwt_noimg=1
とし、アクセスするとCSSが省略され、左下のようなケータイで見やすいサイトに変換されます。

イメージ

右のようなQRコードをPCサイト上に配置して、ケータイへ誘導するコトも効果的なので、利用しない手はないでしょう。
ただし、この方法で変換した際にしっかり見えるようにするには、正しいコーディングでサイトを作る必要があります。適正なマークアップと正確なCSSを日頃から心がけておきましょう。

|

« ロールオーバー時に動きを与えるJavaScript | トップページ | カラー写真をセピア色にして古くさせるサイト »

コメント

コメントを書く



(ウェブ上には掲載しません)


コメントは記事投稿者が公開するまで表示されません。



トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/35737/43379039

この記事へのトラックバック一覧です: PCサイトをケータイで見る裏技:

« ロールオーバー時に動きを与えるJavaScript | トップページ | カラー写真をセピア色にして古くさせるサイト »