HTMLコーディングする時はスマホファーストにする。PCファーストは卒業だ。

かわんです。

最近、趣味でちょことちょことHTMLコーディングをして遊んでいます。

ま、ホント、趣味です。HTMLやCSS、jQueryを使っています。

Javascriptもマスターすれば良いのでしょうけど、まぁ、上の3つで事足りますしね。

趣味だし、Javascriptをマスターすることはないかなと。

で、今まではPCファーストだったのですが、今はスマホファーストにしています。

スマホファーストとは、スマホで見た時にちゃんと表示させることです。

簡単に言えば、スマホで表示させた時、レイアウトが崩れないという感じです。

世の中のホームページやブログは、スマホはスマホ、パソコンはパソコンでちゃんと表示させるようになっています。

だってね、パソコンのような大画面に最適化したホームページの場合、スマホで見るとどうなりますか?

きっと見にくいと思います。

僕の場合、圧倒的にスマホからホームページにアクセスされる可能性が大としていて、先ほど書いたようにスマホファーストにします。

こういう風にするには「メディアクエリ」を使います。メディアクエリでスマホとPCを振り分けて、それぞれちゃんとしたモノが表示されるようになります。

「かわんのホームページ見せてみろよw」って言われそうですが、まだ、開発段階なので、お見せ出来ません(笑)。

とりあえず、スマホ向けのホームページは完成していますが、PC向けがダメ。絶賛制作中。

ま、ちょっと息切れして現実逃避してますが(笑)。

ちなみに、僕の場合、コテコテのリッチデザインと言うよりは、シンプルでミニマリスト系です。ほとんど装飾は使わないしね。CSSでいくらでも装飾出来ますが・・・。

シンプルイズベスト。世の中のホームページはやたらコテコテしてる(笑)。

あと、無駄な動きが多すぎ。そんなん最低限で良いのだ。視覚体験は楽しいけど、何だか疲れる。

なので、シンプルでミニマリスト系のホームページを作っています。

まぁ、シンプルでミニマリスト系のデザインって一体どんなって感じですが、まぁ、簡単に言えば、白を基調として装飾はグレー系を使用。

余白を絶妙なバランスで取り、視覚体験は最小限とういう感じです。

これが僕の考えるシンプルでミニマリスト系です。

とりあえず、サクッとホームページ作りを再開しましょうかねぇ~。

HTMLコーディングをガッツリとやったる(笑)。

おしまい。