Oops! It appears that you have disabled your Javascript. In order for you to see this page as it is meant to appear, we ask that you please re-enable your Javascript!

モバイルデザイン

ウェブレイアウトの基本にして王道の固定幅デザイン!
横幅を固定幅でデザインし、デバイスが変わっても見え方が変化しないウェブページデザインの基本。
どんなデバイスであっても、つねに同じレイアウトであることは、ユーザーインターフェースに一貫性があり、ブランドイメージの強調という側面もあります。

ウィンドウの横幅に合わせて改行する流動的なデザイン!
リキッドデザインは、その名のとおり文章やコンテンツがリキッド(液体)のように可変するレイアウトのことです。
ウィンドウの横幅に合わせて改行位置が自動的に変わるため、画面解像度の異なるデスクトップ機やAndroidデバイスには最適とされています。

確実な表示が可能だが、デバイスごとにHTMLが必要!
ブラウザーがサーバーに対して情報を自己申告する「User Agent」はiPhone/iPadといった機種の種類やOSのバージョンのほか、これらの情報に合わせてURLを移動するスクリプトを組み込んでい ます。
つまり、デスクトップ/モバイル用など複数のHTMLを用意していれば、ウェブサイト側が自動的に表示を切り替えることができます。

HTMLが1種類のシンプル設計 横幅に合わせてデザイン変更!
Media Queryとは、スクリーンの横幅に合わせて読み込ませるCSSを切り替えるレイアウトです。
切り替え時にHTMLを変更する必要がないため、URLは変わら ずWordPressで構築したサイトは1回の更新で済みます。
ただし、最初にウェブサイトを設計するときにしっかりとしたHTML構造と柔軟なCSSの構築 が求められるため、最も上級者向けのレイアウトと言えます。

  
ブログ一覧へ