画像のパーツは png でもらってるんだから、横長の画像作ってもええかもな。

そーいえば、フォントサイズを適当なままにしておいたので、今日デスクトップ用のフォントを設定しようとして全然反映されなくて初めて
@charset "utf-8"
の後に「 ; 」つけるの忘れてたことが判明した。

全然気づかなくて3時間くらい無駄な作業していたよ！

メイン画像の上に文字を載せたいんだけど、position 使うと横幅広げた時にはみ出してしまう。
しかしメイン画像は伸縮しつつも 1024px を最大幅にしておきたい。
うむむ。

メニューをタップするとこんなのが降りてくる。

【ウェッブデザインのお勉強】
スマホ用の文字を老眼に優しいサイズに。
メニューをシンプルにして、上の方をスッキリさせてみた。

夢見悪く早く目が覚めてiPhoneでニュース読んだりしてたら唐突に鼻出血。
大量。
出走取消したい。

最近鼻血多いなあ。

新しい洗濯機がいちいち「ピーピーピロピーピロピー」と鳴くのを止められないかと思って説明書みたら、ちゃんと止める方法書いてあった。
「これ嫌な人おるやろなあ」と配慮してくれた誰かさん、あなたにポケモンノーベル賞あげたいんだ。

【ウェッブデザインのお勉強】
メイン画像の背景が白なので、色味抑えた方がカッチョイイんかもしれんと思ってやってみた。
あと、マージンも調整。
もっと余裕がある方がきれいだと思うけど、どこかで区切りがついてしまうとそれより下にスクロールしてもらえなくなるっぽいので悩ましい。

【ウェブデザイン】
細かい成型はおいおいやっていこう。
なんや難しいもんみたいに考えてたけど、やっぱり手を動かしてナンボなとこあるね。
ちょっとずつわかってくるもんやね。

【ポケGO】
今日マグマッグしか見てねぇ。
温泉でも湧くのか。

ひー首の後ろがむちゃくちゃコッた。

スマホ用表示だとサイドバーが変形するやつ。
ブログのところはスクロールするので、あえて横にスペース作っておいた。

【ウェッブデザインのお勉強】
サイドバーとブログの埋め込みできたよー

やっぱりこうやってみると紙面っぽい作りだなー

【ウエッブデザインのお勉強】
画像の右にテキストを並べる感じのやつできたよー