サイトデザインの刷新を考えていましてイラスト作りが滞っている今日この頃であります。今このサイト「気流邂逅点」は、WordPressをベースにしたブログになっていて、この記事みたいなのは通常の記事の投稿のスタイルをとり、ギャラリーとかプロフィールは固定記事で表示してます。ブログとホームページのあいの子みたいな感じになってます。またプラグインを使ってスマートフォンに対応したレイアウトも自動表示させてそれなりに対応させてます。
でもねぇ、
タブレットとかスマホを横に傾けた場合などのレイアウトには対応しきれていません。この数年でタブレットとかが急激に普及したので最近流行の「レスポンシブWebデザイン」というやつにして、画面幅に応じて何パターンかのレイアウトに切り分けをしようかと画策しております(画像や文字の大きさをそれぞれの媒体にあった大きさに可変させるとか)。
参考書籍で紹介されてる参考サイトのコードをダウンロードしてソース読んでみたけど、こりゃあ大変そう(；´Д｀)。ざっと読んだ限りでもそのままでは適用できないので、どう使おうかなぁ悩ましいところ(´ε｀；)ｳｰﾝ…
レスポンシブWebデザイン「超」実践デザイン集中講義
著者 山崎 大助
アマゾンのレビューには読みやすいという評価の多い本です。スマホのレイアウトからくみ上げていくんだよという解説は分かりやすくてありがたかったです。第４章の内容と第５章の内容がつながってないので、チュートリアルを通して簡単なデザインサイトを一通り作ってみるということがそのままではできないのは少し残念なところです。また、WordPressでこの様なマルチデザインのサイトを作るにはどうすればいいのかというのは、６章でさらっと触れている程度なのでもう少しボリュームがあればなーと思いました。
コメント