インターネットビジネス

携帯アフィリエイト必勝ガイド

携帯アフィリエイト初心者が稼ぐためのノウハウやツールの情報を配信しています。

全て表示する >

【あさりな】レシポンシブルウェブデザイン

2014/04/19

最近、メインブログのデザインを変更しました。


レシポンシブルウェブデザインって聞いたこと有りますか?

これ、下の画像のように表示される端末に合わせて、
サイトが伸び縮みするデザインのことです。

>> http://ameblo.jp/asarina2013/entry-11826767162.html

「単に画像を加工してるだけじゃないの?」


なんて声が聞こえてきそうですが、たしかに、
ブログに載せる都合上画像の大きさは加工しています。


でも、

赤枠で囲んだグローバルナビゲーションの位置に注目してください。

PC→タブレット→スマフォ

と表示する端末に合わせて、
ナビの位置が左上部へ移動しているのがわかると思います。

ちなみにPCで右に表示されているサイドバーは、
タブレットやスマフォでは、表示場所がサイトの下方へ移動します。


表示の変化は、こちらのサイトをブラウザで表示してみて、
ブラウザの横幅を縮めると、どのように変化するか確認できます。

>> http://success-web.biz/



規約に同意してこのメルマガに登録/解除する

メルマガ情報

メルマガ情報は非表示設定にされています。

コメント一覧コメントを書く

この記事にコメントを書く

上の画像で表示されている文字を半角英数で入力してください。

※コメントの内容はこのページに公開されます。発行者さんだけが閲覧できるものではありません。 コメントの投稿時は投稿者規約への同意が必要です。

  • コメントはありません。