PCファーストからスマホファーストへ・・・。スマホに適した作業を行う

かわんです。

現在、スマホでホームページを制作しています。こんな感じで・・・。

画面が小さくて制作しづらいですが、まぁ、何とか制作しています。

前回の記事で、メディアクエリでガチガチに設定しているからPC用デザインのサイトは開けないと書きましたがそれは間違っていました(笑)。

HTMLのheadで設定している「vviewport」を無効にするとスマホでもPC用サイトを開くことが出来ます。

簡単に言うと、PCで開いたホームページのデザインをスマホでも同じ感じで表示出来ます。

多くのサイトはPCとスマホで異なるデザインにしていますが、viewportの無効で同じに出来ます。

PCファーストからスマホファーストへ・・・

今までPCファーストでホームページを制作していて、メディアクエリでスマホ向けの作業をしていました。

しかし、逆にする感じです。要するにスマホで問題ない感じに作業してメディアクエリでPC向けに作業します。

作業はスマホで行っているので、スマホで表示した時のホームページのデザインはバッチリと決まります。

PC向けは・・・。PCがあると便利なのですが無いので先ほど書いたviewportを無効にしてPCチックでチェックしています。

これで問題ないはず・・・。

こんな感じで頑張ってホームページを制作しています。

スマホでホームページは制作出来る!

スマホでホームページを制作する方法は色々とありますが、僕はHTMLコーディングをしています。HTMLコーディングが好き(笑)。

ちなみにHTMLコーディングは独学でマスターしました。

本を何冊も買って勉強したっけなぁ(笑)。

初めの頃はHTMLとCSSの違いが分からなくてイライラ(笑)。

そんな感じですが、HTMLは骨組み、CSSは装飾という感じで理解しました。

これで間違ってないはず(笑)。解釈は色々とありますけどね。

ちなみに、キャリアは3年ほどです。まぁ、実務経験ありです。

さいごに

ということで、色々と書いてみました。

スマホでホームページの制作は快適ではないですが、現状、ホームページを制作するにはスマホしかないので頑張ります。

おしまい。