Css3 Media Queries 今日の進捗

I found a solution for the multi device interfece. We can use “Css3 Media Queries” from version 3. We can distribute some paramaters by the each device as screen resolutions. I already changed to this one. You can see this article on your smartphone. Maybe You feel good than before :)

例の徹夜仕事の件、思ったよりお客さんの反応がよかったようで、交渉した金額をほぼ呑込んでいただいた〜。よかったよかった。
何事も地道な交渉あるのみー :)　仕事をつなげていこうー。

話は変わって、今日の進捗。
昨日、サイトデザインのマルチデバイス対応の件を書きましたが、少し解決策が見えてきました。Css3になってから、“Media Queries”というコンセプトが導入されました。これは、サイトが読みこまれたデバイスのスクリーンサイズによって、CssのパラメーターをCss内で割り振れるのです。
実験的に、このブログがiPhoneなどのスマートフォンで読まれた時に、１カラム(左の欄を下方に位置させ、本文を大きくレイアウト)にして写真も文字も大きく見えるようにしてみました。
僕の考えでは、iPadやNetbookまでは、２カラムで、通常のPCでの見え方に。iPnone、Androidは、１カラムにしてレイアウトの最適化、それより小さいスクリーンの従来の携帯電話は切り捨て！！！(ウソ、小さくなるにつれて、それなりに見れます)
試しにスマフォでみてみてみー。

★

そして、これは便利。いろいろなデバイスのテストができます。
Simple Media Queries Tester