記事一覧

HTML5 & BootstrapのレスポンシブWebデザインテンプレート

2014/07/01 トピックス

HTML5 & Bootstrapを使用したレスポンシブWebデザイン採用テンプレートです。Internet Explore8以上、最新のGoogle Chrome、Mozilla Firefoxに対応しています。画面サイズによって以下の部分が主に変わります。 2カラムの画面が1カラムになる ナビメニューがアコーディオンになる テーブルが縦のレイアウトになる(Internet Explore9以下未対応) 画像サイズが自動で縮小されるまたHTML5、CSS3を使用しているためInternet Explore9以下では一部再現されないデザインがあります。Internet Explore9以下でのデザイン再現は情報欠損がない程度としています。Internet Explore7以下では、非対応である旨を記載するメッセージを表示できないかと考えています。

テンプレートとして使用する際の課題点

2014/07/01 トピックス

試作の段階で以下の課題点があります。HTML5を適用するための主な課題点▽適切なマークアップがされていない場所へのマークアップ 主に<section><nav><article><aside><header><footer><address>などのセクション周りについて。 エディタで記事を編集した際のテキストに<p>タグなどを挿入出来ればベスト。▽Bootstrapを適用するための課題点 レイアウトの選択画面にデフォルトでBootstrap使用して制作したレイアウトがビジュアル化出来れば良い。 <form>周りについての構造を整理▽レスポンシブデザインを適用するための課題点 エディタで画像を挿入した際、自動的に<img style="width:***; heigh...