【Webサイト制作】ついついPCファーストで作りがち

トレンドは、スマホファーストです。スマホファーストで作れないのは痛いですね。

僕もスマホファーストで作っていますが、あ、スマホファーストとは、スマホでWebサイトを表示させたときに、レイアウトなど全く問題ないということです。

誰でも経験があるかもですが、同じWebサイトをスマホとPCで見たとき、レイアウトが変わりますよね。

はてなブログの管理画面でもスマホとPCで表示が異なりますよね。

問題は、どちらを優先してWebサイトを作るかです。

今、もう、常識となっていますが、スマホを優先になっています。

ただですね、ついPCファーストで作ってしまうことがあるのです。

PC向けはメディアクエリで書くのですが、つい、メディアクエリでないところに書いてしまうような感じです。

本日も、それに遭遇しました。

Chromeのデベロッパーツールで確認しても分からず。そして、コードを見ると「メディアクエリのところに書いてないw」と自分に笑ってしまいました。

逃げ出そうと思ったのですが、まぁ、対応しました。上手く行きましたが。

今、ちょっとだけWebサイト制作から逃げています(笑)。

サブページは出来上がったのですが、トップページが気に入らない。イメージが湧かない。

なので、ちょっと距離を取ることにしました。

まぁ、別に仕事ではなくて趣味ですので、気が向いたらWebサイトを制作したいと思います。

あ、言い忘れましたが、僕はHTMLとCSSでWebサイトを制作しております。

ひたすらコードを書く感じです。こんなんとかですね。

#gloval_header {
    position: fixed;
    top: 0;
    width: 100%;
    height: 60px;
    background: #fff;
    padding:0 20px 0 20px;
    display: grid;
    grid-template-columns:1fr 200px;
       align-items: center;
       opacity: 0.9;
    -webkit-opacity:0.9;
    z-index: 900;
    animation:header 3s 1 ease;
}

上のはCSSです。CSSが分からない方は「なんのこっちゃ分からない」と思われるでしょうね。

とにかく、こんな感じで書いております。

はてなブログでは、CSSでカスタマイズ出来ますよね。なので、CSSくらいは勉強しても良さそうですね。

ただ、カスタマイズに失敗すると駄目な感じになるので、カスタマイズは慎重にという感じですね。

おしまい。