ヘッダ部分の制作に3時間もかかった話。

前に進まんw

という感じで、今、ホームページを作っている!

デザインカンプを作って、まぁ、サクサクと作りたい。

しかし、、、

「ヘッダ、ダメダw」

今回、スマホに特化したホームページを作っていて、ヘッダはロゴとハンバーガーメニューを置きたかった。

単に置くのは簡単。

僕の場合、ロゴはヘッダ中央に、ハンバーガーメニューは右端に置きたかった。

しかーし・・・。

「上手く出来ない!!!!!」

ネットで調べてヒントを見つけ、サクッと対応してみる。

その結果、3時間かかった(笑)。

今回、ハンバーガーメニューの1部はjQueryを使っている。ハンバーガーメニューのデザインは主にCSSで。

しかし、ハンバーガーメニューが押されたあとのハンバーガーメニューの動きはCSSで制御するのは無理だった。

なので、この部分については、jQuery側で行った。

なお、今まで作ってきたサイトは、ロゴは左端に置く感じであった。しかし、今回は中央に。

左端から中央に置くだけで、こんなに時間がかかるとは(笑)。想定外のことであった。

今、ようやくコンテンツ部分の制作に取りかかろうとしているところ。ちょっとパワーを使いすぎたので、充電してから対応したい。

ま、趣味なので空き時間にホームページを作りたい。

今のところはそんな感じである。

この記事が気に入ったらサポートをしてみませんか?