Webデザインギャラリーを見ていると。

f:id:Kawan0116:20210323101432j:plain

かわんです。

現在、HTMLコーディングをしています。

過去にフリーランスでWebデザイナーをしていたので、HTMLコーディングは出来て当たり前。

なるべく新しい技術を導入しています。

新し物好きですので(笑)。

さてさて、そんな感じでありますが、デザインを参考にしたいと思ったときは、Webデザインギャラリーを見ています。

「なるほど、こんなデザインがあるのか」と感心しますね。

どういう感じのWebデザインがあるのか見る

先ほど書いたように、どういう感じのWebデザインがあるのか見ます。

参考にする訳ですね。

僕、シンプルなWebサイトが好き。

色はホワイトやグレー系が好きです。

僕が作っているのはこんな感じです。

f:id:Kawan0116:20210413103053j:plain


f:id:Kawan0116:20210413103156j:plain


f:id:Kawan0116:20210413103208j:plain


ちなみに、「グリッドレイアウト」で作っています。

こやつを使う訳ですね。

display:grid

ですね。

例えば、「#contents」に上のを適用するとこんな感じになります。

#contents {
display:grid;
grid-template-columns:1fr 2fr;
}

とかですね。「grid-template-columns」でブロックの幅を指定します。

という感じで、グリッドレイアウトをしていますけどね。

なので、基本、Webデザインギャラリーを見るときはグリッドレイアウトのモノを見ます。

ちなみに、自由を追求したノングリッドは作らないですね。

もちろん作れますが、めんどくさいので(笑)。

どうやってHTMLコーディングするか頭に浮かぶ

パッと見たとき、どうやってHTMLコーディングするのか頭に浮かびます。

かと言って、実際にHTMLコーディングはしませんが(笑)。

めんどくさいし・・・。

あくまで参考にする程度。

今のところ、参考になるモノはないですね。

結構、似たり寄ったりなモノが多くて、あとは動きでインパクトを与えるという感じですね。

僕、動きを取り入れたモノはあまり作りません。

さいごに

今のところ、3パターンほど作りましたが、あと3パターン作りたいと思っています。

僕、とりかかるまでに時間がかかります。

なので、サクサクとブログを書いて、「よし、Webサイトを作るぞ!」って思ったらとりかかりたいと思います。