QLOOK ANALYTICS

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

レスポンシブWebデザインに挑戦

なんかちょいちょいスマホでBlueRedZoneにアクセスして来ている人がいるみたいです.
自分自身スマホで自分のサイトを見たことがあるのでわかるのですが,すっげー文字小さくて見づらいです.

そこでそろそろスマホ用のページを作ってやろうと思ったわけですが,
いちいち専用ページ作るのは面倒だったので最近はやりのレスポンシブWebデザインに挑戦してみました.

レスポンシブWebデザインというのはhtmlの表示に使うCSSファイルを主にクライアントの画面サイズによって分けるものです.
今回はスマホでのアクセス(画面サイズ)であればPC用のCSSファイルを読み込んだあと,スマホ用のCSSファイルを読み込んで設定を上書きする方法で極力楽しました.

ほんとにカラムを一つにして余計な情報省いてフォントを大きくするとかそんなんやっただけなんですが,
割と見やすくなったんじゃないかと思います.
スクリプトのページなんかはどうしてもスマホだと見づらいですが,どんな感じのスクリプトか見てみる分には十分ですね.
関連記事
スポンサーサイト

tag : BlueRedZone レスポンシブWebデザイン CSS

プロフィール

gentlawk

Author:gentlawk
「BlueRedZone」を運営
Rubyが大好き
主にゲームプログラミングに取り組む
拍手がつくと地味に喜ぶ

最新記事
最新コメント
最新トラックバック
月別アーカイブ
カテゴリ
検索フォーム
RSSリンクの表示
リンク
Twitter
QRコード
QR
ブロとも申請フォーム

この人とブロともになる

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。