担当：リーダー / 進行管理 / HTMLモックアップ / CSS / JavaScript / jQuery
コーディング担当ページ：共有部(スライド以外) / トップページ / プラン
BACIC認証
ID：xd532309
PW：asakura1217
工夫した点 / 反省点
共通部分
◎工夫した点
・スマートフォンのメニューボタン
∟ 三本線から×に変化（CSS）
・ナビゲーション（スマートフォン対応）
∟ヘッダーの電話・営業時間の項目を追加（javascript）
＋ ホームを削除（javascript）
∟ 電話を起動（CSS）
△反省点
・ドロワーメニュー
⇒ハンバーガーメニューとの両立が難しく断念。
実装手段を増やし、両立するスキルを身に着けたい。
トップ
◎工夫した点
・position対策
∟ ナビ・スライドショーが伸縮した際の
メインコンテンツの位置の変化（javascript)
プラン
◎工夫した点
・料金表の幅・余白調整
∟ 料金表の幅が右配置：30%、下配置100%表示に切り替わる（CSS）
∟ 料金表が写真の右⇒下に配置が変わった時の余白調整（CSS）
・寄港地の写真とテキストのバランス調整
∟ フォントサイズと写真の表示範囲の調整（CSS）
∟ 写真とテキストが左右⇒上下になるように調整（CSS）
△反省点
・wfの段階で考えていた配置が実装してみると写真とテキストの
サイズの伸縮が上手く行かず、時間を要した。
・実装してみるとレイアウト通りに行かず、画面幅やブラウザごとに成り立つか
考慮してコーディングをすることの重要性を感じた。