ブログのデザインをレスポンシブデザインに対応させてみました

2013.12.15
Blog

サイトのデザインを小変更し、再びレスポンシブデザインに対応してみました。

このサイトは以前はレスポンシブデザインに対応していましたが、Adsenseの表示を切り替えるのが面倒で、モバイルの縮小表示でもある程度問題なく見れるようなデザインに変更していました。

ブログのデザイン変更 モバイル向けもPCサイトと同じデザインにしました | Dream Seed

ただ、その後Adsenseがレスポンシブデザインに対応したり、モバイル対応が重要だという話が浮上したりといったことがあったので、再度対応させた次第。

たぶんブラウザの幅を狭めたり、スマートフォンやタブレットで見てもちゃんと表示されると思います。ただAdsenseのレスポンシブ対応ってリロードしないとダメなんですよね。なのでブラウザの幅を狭めただけだと広告は変更しません。狭めた状態で再読み込みすると小さ異広告になります。

なお、下部の「Follow Me」の部分はDroid-lifeのマネをしてみました。こんなCSS考えつかなかった。

あとは、サイトのロゴマークを作りたいのだけど、絵心がなくて苦戦中。ネットで発注してみようかしら?

タグ: ,

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

Amazon、Wiko Tommyの予約を開始 2月25日発売

2月25日に発売されるWikoの格安端末、Tommyの予約がAmazonでも始まりました。 関連:フランスメーカーWikoが日本参入 低価格モデルTommyを2月25日に発売 – Dream Seed

クアトロガッツの小さいふ「ポキート」の使い勝手が知りたかったので、作ってみた

モバイルプリンスの影響もあって、ずっと気になっていたクアトロガッツの小さいふ「ペケーニョ」。 → クアトロガッツ公式 しかしお札のたたみ方が変則的で、レビュー見ると、端っこが少し折れてしまうらしく「う

イオンモバイルが1周年記念キャンペーンを開始

イオンモバイルがサービス開始1周年を記念して、「ありがとう1周年キャンペーン」を開催しています。 イオンモバイル ありがとう1周年キャンペーン キャンペーン内容としては「抽選で基本料金最大1か月無料」

スマートフォンをPCのキーボードやタッチパッドとして使える「AnyTouch Blue」がKickstarterで出資募集中

スマートフォンをPCのマウスとして使うというものはこれまでもいつくかアプリがリリースされていますが、それらとはちょっと違う感じの製品「AnyTouch Blue」がKickstarterで出資募集中で

XiaomiのCEO、Mi MIXの次期モデルを開発中と公表

Xiaomiが2016年10月末に発表し、世間をあっと言わせたベゼルレス端末Mi MIX。 その後継機の開発(少なくとも検討)が行われていることが明らかになりました。 関連:Xiaomi、6.4インチ

スマホの画面をテレビに出力できるMiracast(ミラキャスト)の使い方

スマホの画面をテレビに出力できるMiracast(ミラキャスト)の使い方

名前だけは聞いたことはあるものの、使っている、活用しているという話をあまり聞かないMiracast(ミラキャスト)、どんなものかと思って実際に使ってみました。 ...

今更だけど、Xiaomi Mi Pad 2をレビュー メディアプレーヤーとしては良さそう

今更だけど、Xiaomi Mi Pad 2をレビュー メディアプレーヤーとしては良さそう

中国のECサイト、GearBestからXiaomi Mi Pad 2を提供頂きました。 Mi Pad 2にはWindows 10モデルもありますが、今回のはAndroid版、RAM2GB ROM1...

HUAWEI P9よりもおススメ! honor 8の詳細レビュー

HUAWEI P9よりもおススメ! honor 8の詳細レビュー

上位機種のHUAWEI P9と同等のスペックを持つhonor 8の詳細レビュー。HUAWEI P9やASUS ZenFone 3と比較しながら紹介します。...

クアトロガッツの小さいふ「ポキート」の使い勝手が知りたかったので、作ってみた

クアトロガッツの小さいふ「ポキート」の使い勝手が知りたかったので、作ってみた

モバイルプリンスの影響もあって、ずっと気になっていたクアトロガッツの小さいふ「ペケーニョ」。 → クアトロガッツ公式 しかしお札のたたみ方が変則的で、レビュー見ると、端っこが少し折れてしまうら...

「HUAWEI P9」と「HUAWEI P9 lite」どちらを買うか悩んでいる人のためスペックを比較

「HUAWEI P9」と「HUAWEI P9 lite」どちらを買うか悩んでいる人のためスペックを比較

HUAWEI P9とP9 lite、どちらを購入するか悩んでいる人のために、スペック比較と選ぶためのポイントになりそうな箇所をピックアップしてみました。...

MENU

back to top