ホームページ作りに忙しい1日

スポンサーリンク

最近、iPadの調子が悪くて困っているかわんです。

突然固まります(笑)。

どこかの部品が劣化しているのかな?

壊れてしまっては困る!

さて、先日からホームページを作ってます。まだ完成ではないですが、あとはコンテンツを流し込んでいくだけ。

これが面倒だったりします(笑)。

とりあえず、レスポンシブ対応にはしましたが、細かい修正がチラホラ。

ま、おいおいやってくつもりです。

ホームページを作るにはBootstrapが便利ですが、今回はBootstrapを使わず。

Bootstrapは商用利用OKなのかは分からないし、この先、ホームページの作成を商売にした時にBootstrapでは困るって感じです。

なので、1からコーディングをしてます。すなわちHTMLとCSSを1から書くって感じです。

上で書いたレスポンシブ対応はメディアクエリを使用。

僕の場合、iPadでホームページを作ってて画面幅いっぱいにした時にレイアウトが崩れないようにします。

あとはSplit Viewで画面幅を変えて、おかしなところがあればメディアクエリで対応するという感じにしてます。

これがウザイのです(笑)。

ハンバーガーメニューを作りたかったが

スマホ表示にした時にハンバーガーメニューがあるサイトが多いです。

あの、3本線のやつです。それを「ハンバーガーメニュー」と言います。

ハンバーガーメニューを作りたくて様々なブログ様のコードで試してみましたが、結局出来ませんでした。

なので、Twitterのメニューを参考に。Twitterではハンバーガーメニューは採用されてません。

Twitterぽくやったてみたらこんな感じになりました。

タイトルを入れようかどうしようか悩んだ挙句、今回は入れることにしました。

ま、気分が変わったら、直ぐに入れないようにすることが出来ますしね。

今後もホームページを作ります

Twitterで「ホームページ作ります」って感じで営業されている方がおられますが、この先、僕も「ホームページ作ります」って言おうかしら(笑)。

ま、現状はiPadでしか作れないし表示確認もiPadだけ。あ、iPhoneでも表示確認出来るね。

iPadとiPhoneさえ抑えておけばいける感じはするんだけどね。

ただ、パソコンはあった方が良いかもね。

表示確認用にパソコンを買おうかしら・・・。

現段階では趣味でやってる事なので、パソコンは買わないでおこうと思います。

グリッドレイアウトが得意

僕が作るホームページは基本的にグリッドレイアウトにします。

グリッドレイアウトは、整然とコンテンツを配置することが出来てスッキリとします。

今回作っているホームページもグリッドレイアウトです。

遊び心がないので堅っ苦しくなりますが、奇をてらうデザインをするのは無理です(笑)。

ま、コーポレートサイトなんかはグリッドレイアウトを採用している場合が多いですね。

まとめ

ノマドでブログを書いている時がありましたが、今後はノマドでホームページを作ろうかと思ってみたり。

iPadとBluetoothキーボードがあればOK。

今回作っているホームページは骨格が出来ているので、あとはコンテンツを流していくだけ。

上で書いたように、これが面倒だったりします(笑)。

ま、ボチボチとやりますかな。

おしまい。