【現在の私】2021年12月、自宅からアパートに引っ越して、ガラリとネット環境が変わりました。光回線はソフトバンク光からauひかりへ、VPNなどを利用していたAsusルーターを廃棄し、アパートで新たにUbuntuでWireguradサーバーを構築し、外から作業時、Wireguard通信上でやり取りしています。(SSH、Sambaやリモートデスクトップなど)。(※)画像をクリックするとより大きい画像が出ます。仕事やら何やらで忙しく、ホームページ更新がなかなかできず、悪しからずご了承下さい。ビューポートとブレイクポイントフリーランスとしてWEB(ウェブ)制作者として生計を立てるなら、まず「解像度」と「ビューポート」を知る事です。「解像度」は文字通りディスプレイにおける解像度の事です。「ビューポート」についてレスポンシブエクスペリエンスのためのモバイルビューポートページでこう書かれています。Webページの長方形のサイズで定義されます。ブラウザーウィンドウのサイズからスクロールバーとツールバーを引いたサイズになります。ピクセル」を使用します。ビューポートとブレイクポイント例えば、当サイトのように左メニューエリア、本文エリア、右アフィエイトエリアの3つの構成からページが成り立っているとします。スマホなどの携帯では縦向きでは本文エリアのみ。タブレットは左メニューと本文エリア。パソコンは3つのエリアを表示すれば見やすくなります。同じ携帯でも縦向きから横向きに回転すると、タブレットの縦向きと同様、左メニューと本文の2つのエリアに変化させるといいですね。このような分岐点を「ブレークポイント」と言います。HTMLはいじる事はなく、CSSで変化させる事が出来ます。(※)画像をクリックするとより大きい画像が出ます。Surfaceなど、解像度とCSSピクセル(ビューポート)早見表を作ったので、参考にして下さい。(※)画像をクリックするとより大きい画像が出ます。著作権は放棄していません。(メールアドレスはスパム対策のため、”@”の前にある”.key“を付加しています。送信する際は、”.key“を削除して下さい。