東山学館 職業訓練ホームページ
ターゲット
職業訓練に興味のある方
コースの詳細を知りたい方
幅広い年齢の男女
担当
コーディングリーダー
工夫した点
トップページのメインビジュアルが上手く表示出来ず、いろいろ試してなんとかレスポンシブにも対応させて綺麗に表示できるようになりました。
スライダー4つ、VenoBox、TOPに戻るボタン、ハンバーガーメニューでJavaScriptやJQueryを使用しています。
一部CSSで画像を挿入していますが、サイズ調整や位置調整などを違和感のないよう細かく調整しました。 生徒の声部分は、PCサイズとモバイルサイズでは変更点が多いためコーディングで工夫して対応しました。
改善点
ヘッダーのタイトルとナビゲーション部分が、レスポンシブ対応を行う際に文字数が多くなってしまい文字サイズの調整が難しかったです。
細かくメディアクエリで区切って指定した方がいいのか、文字サイズの指定の仕方を工夫した方がいいのか分かりませんが、良い方法を探して試してみたいです。
URL
http://nekochabin.html.xdomain.jp/