fc2ブログ
ハーフハンドメードキャンピングカー&くるま旅
ステップワゴンをベースとした小さいキャンピングカー(TET's製ROXY2)を自作・DIYで工夫しながら(電装と家具etcは手作り)、くるま旅、Pキャン、車中泊(時にはオフ会?)をする内容をメインとしたブログです。
アドセンスのCSSでのレスポンシブ対応を採用してみました。
Googleのアドセンスがレスポンシブwebデザインを採用したので、丁度レスポンシブ化を行っていた、本館サイト、
http://campingcar.diy39.com/
のアドセンス(今は中段の横長のアドセンスのみ)対応しました。 最初に、レスポンシブwebデザインとは、Windowの幅を検知してレイアウトや画像サイズを変えるテクニックを採用したホームページのデザイン法で、
このサイトでは、PC等の大きな画角では↓の様に表示し、 レスポンシブ対応 ページTOP PC表示
タブレット等の中型の画角では↓の様に表示し、
レスポンシブ対応 ページTOP タブレット表示
スマホ等の中型の画角では↓の様に表示します。
レスポンシブ対応 ページTOP スマホ表示
中断のアドセンスも以下の様にサイズが変わります。
↓PC表示
レスポンシブ対応 アドセンス部 PC表示
↓タブレット表示
レスポンシブ対応 アドセンス部 タブレット表示
↓スマホ表示
レスポンシブ対応 アドセンス部 スマホ表示
上記URLのサイトに行って、ブラウザのウィンドウのサイズを変えると、ヌルヌルとデザインや大きさが変わっていくのが解ります。ですが、アドセンス部はまだ動的に対応していないので、ブラウザの更新(or再読み込み)ボタンを押してリロードしないとサイズは変わりません。 アドセンスのレスポンシブ対応は1ヶ月くらい前に英語サイトで解禁が発表されましたが、その場合javaScriptでの例が示されていましたが、今回8月の日本語サイトのアナウンスでは、CSSを使った内容が発表され、より使い易くなってます。 ちょっと、こんな事ばかり最近やっているので、睡眠不足が加速してます
スポンサーサイト



もうすぐ夏休みですが、7月の連休の写真を整理してます
7月の3連休は、80歳超の母親と、能登・金沢を廻ってきました。
こひらは、東京から車で、母親は電車で来てもらい金沢駅でピックアップ。

高齢なので、さすがに夜は民宿やホテルとなりました。 やっぱり、宿の予約や事前に考えるだけで大変だし、色々制約されますね。。たまには良いですが。。

↓自分の趣味ですが、全長8kmの砂浜を走ってきました。
千里浜なぎさドライブウェイ


↓ちょっと天気は悪かったですが、名所の見附島
見附島


ちょっと前から、金沢は観光名所をライトアップしてるのですね。
ライトアップバスなる物で巡ってきました。結構良かったです。少し歩きますが。。。
ただし、駅からの始発便は混むということが解りました。
http://www.kanazawa-kankoukyoukai.gr.jp/feature_lightupbus/
金沢城石川門 夜景

3日目はお決まりの金沢城と
金沢城

↓兼六園
兼六園

さて夏休みはどうしよう。。。