超高速でWebサイトを作る為に

こんにちは！

ここ最近、Webサイトを作っています。

僕、極度のめんどくさがりで、超高速でWebサイトを作る方法を模索しています。

■ ヘッダーとフッターは固定

ヘッダーはロゴとハンバーガーメニュー、フッターはロゴだけというシンプルなモノ。

まぁ、他の要素も追加する事は可能ですが、まぁ、めんどくさいので固定しています。

ただ、フッターはサイトマップ的な要素も導入したいと思いつつ「めんどくさいな笑」という感じでフッターはロゴだけ。

ヘッダーは先ほど書いたようにロゴとハンバーガーメニューのみですが、もし、ハンバーガーメニューの中身のリンクを別で表示させたい場合、所謂グローバルメニューですね。

ヘッダーの下にグローバルメニューを置く感じになるかと思います。

その際は、スマホで表示させたくないので、メディアクエリで対応する感じになるかと思います。

めんどくさ笑。

■ シングルページのみ

シングルページのみなのですが、長さが2500px越えとなる場合がほとんど。

スクロールが長くなる訳ですが、ここはもう、そろそろ別ページを作って対応しないといけないかなと思ってます。

ただ、基本はシングルページのみ。

シングルページ、所謂トップページになりますね。

トップページのみしか作りません。

ま、サブページも作っても良いのですが、デザインがめんどくさいので対応しません。

■ コンテンツ部分のみデザイン

先ほど書いたようにヘッダーとフッターは固定しているので、コンテンツ部分のみデザインします。

とは言え、2カラムや3カラム、あるいは1カラムという感じで、カラムで分けてデザインしています。

なお、スマホは基本的に1カラムですので、メディアクエリで対応します。

あ、僕はスマホとタブレット、そしてPCで問題なく表示させるようにしています。

例えば、スマホとタブレットは1カラム、PCで3カラムという感じでメディアクエリで対応しています。

ちなみに、僕の場合、まずはスマホで問題なく表示されるWebサイトを作っています。

所謂「スマホファースト」ですね。今の時代は様々なデバイスで表示されるので、メディアクエリは超重要ですね。

メディアクエリを使う場合は、キーデバイスを設定し、そのあと他で問題なく表示させるようにしたほうがい良いかと思います。

■ さいごに

僕はめんどくさがりなので、出来るだけ作業を早く終わらせたいと思っています。

それをするには、如何に工数を減らすかです。1分でも早く終わらせたいと思っています。

今後も超高速でWebサイトを作りたいと思っています。