コーディング

レスポンシブの説明とリキッドの説明と横スクロールバーの話し

投稿日：2016/10/17 更新日：2022-12-12

本ページはプロモーションが含まれています

この記事は約1分58秒で読めます。

こんにちは！グローイングスケールの竹林と申します。

Web業界15年以上でWordPress（100サイト以上構築）とSEOが得意なWebデザイナーです。
noteで「爆速！速くGoogleにインデックスしてもらう方法」を書いたので、ご興味ありましたらご覧ください。
「好き」なことを仕事にしたいという方のお役に立てればと思います。

とある自社サイトのリニューアルを進めている最近なのですが、、

サイトの完成時に、たまにある認識のズレで制作者としては当たり前でわかる部分ですが、暗黙の了解的になっている部分ってありませんか？

作ろうとしているサイトのレイアウトは、ブラウザで見た時に横スクロールでてきますか？

今回、上司が参考にしているサイトは、フルリキッドレイアウトでブレイクポイントによって、レスポンシブしているサイトを参考にしておりました。

上司がそのサイトの何が良いと思っているかという部分では、やはり横スクロールがでない、フルリキッドレイアウトで組んでいるという部分。
リキッドという言語化ができたらいいのですが、上司の説明ではわからない、、
ここで1ワナ

ブラウザの横スクロールバーの悲劇

サイトが完成してクライアントなどにお見せした時、ブラウザの横スクロールバーがでてくるとそこを急に指摘される事がありますよね。
これは、サイトの横幅と、ウィンドウの大きさによって横スクロールがでてくる事があります。
それが想定外の場合、作り直しーって、、
なるパターンも、、

こういう部分って結局、わからない人からしたら感覚的な話しになってしまい、後に変化したりしてしまうのが怖い部分ですね。
※まあ自分も少し感覚的な話し多めですが、、（笑）

よくよく上司が参考にしているサイトを見るとmax-widthを指定しておらず、どの端末の大きさでもデザインとして成り立つようにレイアウトされておりました。

しかし、うちのリニューアルしているサイトは現段階でそこまで考えておらず、max-widthなりを指定して、リキッドではあるが、ある横幅の大きさまではレイアウトが動かないように設定しました。

副業で成功するためには？
プログラミングに専念して収入増やす方法は？

この記事を読んでいる多くの方は、プログラマーとして働いているか、プログラミングを学んでいる方かもしれません。現在の職場や収入に不満があり、副業でプログラミングを活かして収入を増やしたいと考えている方もいるでしょう。しかし、副業を始めても、以下のような悩みに直面していませんか？

「クラウドソーシングで案件を探しても、競争が激しく、仕事を獲得できない…」
「自分で営業しても、なかなかうまくいかない…」
「単発の仕事が多く、安定した収入を得られない…」
「営業や事務作業に時間を取られ、本業に集中できない…」

副業やフリーランスとして働く場合、営業や事務作業なども自分でこなす必要があり、時間と労力がかかります。そんな時に、「仕事を紹介してくれたり、サポートしてくれる人」がいたらどうでしょうか。