BLOG

Webの技術的小話(1)

スマートフォンやタブレット型端末の利用が増えてきた昨今、
Webサイトの作り方や技術的な変化について気になったところを
随時挙げていきたいと考えています。

今回はレイアウトについて述べたいと思います。

<レイアウトについて>

従来のPC・携帯だけの考え方であれば、
ある程度、固定幅でのレイアウトが決まってしまいます。

PC・・・横幅約1,000ピクセル以内。
携帯・・・横幅約220ピクセル。

ですが、スマートフォンやタブレット型端末の場合、
画面の幅が多様化(縦向き、横向きの違いなど)しており、
1パターンのレイアウトでは逆に見難くなったり
見栄えが悪くなるという弊害が出てきます。

そこでリキッドレイアウトという手法を利用します。

リキッドレイアウトではブラウザ幅に応じて、
自動的にレイアウト幅が変化するように構築します。

要するにいわゆる横スクロールバーが出ないようになり、
Webサイトが画面から横にはみ出ることを防止できます。

Webレイアウトに関する話はまだあるのですが、
この件は次の機会にしたいと思います。
2013.01.30