追加提案で、拡大縮小にも耐えられる部品のアイコンです。
あと10分しかないため、残り3つは募集終了後の作業となりますが
最近のデザインはフラットが主流のため、背景のグラデーションをなくす
ために、アイコンの書き出しをしております。
お世話になります。
締め切り間際の提案しつれいいたします。
スマホでのファーストビューでスライダー部分は
jQueryを用いて実装予定です。
可能な限り軽量化のため、使えるところはWebフォントを使います。
スマホでのヘッダー部分は、電話マークをタップすると
番号が入るようにします。
右上はメニューでスクロールをしても常にヘッダーはついてくる仕様で
タップすると、jQueryを使って右から左へスライドして展開します。
こちらは、よくあるスマホサイトのように、上から降りてくるタイプも可能です。
添付されているPHPのコードを拝見いたしました。
私も独学ではあるのですが、10年ほど経験があります。
レスポンシブデザインでのコーディングでは確認しやすいように
.htaccessで.htmlでPHPを動かす設定にして、
HTMLの中にPHPを埋め込む形にすると確認がスムーズにいきます。
$return_string .= "<div id='syodan_info_area' style='color:#FF0000'>";
のところを
<div id='syodan_info_area' style='color:#FF0000'>{$〇〇}</div>
と{}で変数等をくくって埋め込みます。
CSSのインラインでの埋め込みも、
<div id='syodan_info_area' style='color:#FF0000'>を
<div id='syodan_info_area' class=’red’>としておき
その外側に選ばれた結果によって切り替えられるclassやidを入れておけば
たとえば商談ありのところで .s_ariというclassをつければ
.s_ari .red{color:#f00;} で赤文字になります。
HTML側も単純にしておけば、更新やカスタマイズの時に変更や確認がしやすいのではと思いました。
その他、相談しながら進めていければと思います。
どうぞよろしくお願いいたします。
メンバーからのコメント
メーカーや部品別の絞り込み部分、お知らせの一覧表示の部分です。