今日のノート(2019/07/15)
なんというか現状サイト作成の奮闘記みたいになってるのがちょっとアレなのですが…
■今日のまとめ■
・トップ用のメニューアイコン作ったわ・・・
■そもそもメニュー出来てないやん■
ということでトップページ用のメニューアイコン作成。
まあなんで作ったのかというとスマホ上でメニュー拾えないから。
帯メニューから選択での2ステップで一応行けるのだけどね。
まあ折角なんでということで画像で作ればいいものをfontawesomeとCSSで作成を試みてみる。
工程は…ノリでさっさとできると思ったけど結構試行錯誤したような。
手順としては
・大まかな枠(サイズ)決め
・fontawesomeから仕様アイコン選択
・アイコンの大きさ、入れる文字の大きさとレイアウト決め
・CSS使って色やらレイアウトやら色々いじくり
・画面サイズ変更時でレイアウト崩れないように調整
です。
まあ言うだけなら簡単。
ということでつくってみた。
…インラインブロックの勉強になったわ。
いやまあ貼るのはこれからだけどね。
とりあえず今後の予定
・色はメニュー別に変えようかどうしようか、このサイト割と地味だからね…
・画面表示に合わせて可変にするかどうか…今のは375pxの幅で並んで収まるような作りにしてる状態、
つまりそれ以下だと二段表示になるしそれ以上だと空間の隙間ができる。
まあこっちは追々修正か。