ブログデザイン

しずインからはてなに復帰したのはいいが、しずインのデザインが気に入ってたのでいじることにした。 しかしコードは書けない。 遠い昔、C言語とHTMLの初歩の初歩をやったのと、エクセルのVBAを少し触ったくらい。 書けないが、理屈は多少わかる。 てことでGeminiに書いてもらうことにした。 まずテーマをMinimalismからBlankに変更。 ＰＣブラウザ時、しずインのフォント適用 ブログタイトル消去 記事タイトル小さめ スマホブラウザ時のフォント大きめ 横スクロール式メニュー設置 PCブラウザ時の画像Maxサイズを指定 手書き罫線いれてみた 記事一覧の本文を消去 あと微調整。 自分でいじった…

このはてなブログを開始したのが2023年11月。始めてすぐ、自分で調べてはデザインを変更し、崩れてはまた調べて修正し、テーマを変えた途端それまでに指定したCSSが一気におかしなことになったり全部消えて発狂しそうになったり、試行錯誤しながらカスタマイズしていました。 その頃の記事↓↓ まぁなんとか形になって、そもそも外見（ブログデザイン）にこだわる前に中身（記事）磨かなきゃ意味ないよね！ってわかりきっていることを再認識し、「ここまで！」って決めてデザインには触れずにここまで来ました。…めんどくさくてスルーしてた、っていうのも大いにあります。 最近またブログ再会しようと思い立ち、そうなるとやはり側…

【はぴるっく！×サクラ咲く道】の新しいアイキャッチ画像を作ってます。 いつものお馴染み Canva で作成。 Minecraft Gallery の方はそのままの予定です。 『海辺の村』と『線路でつなぐ』のカテゴリ分けはしたいなぁ 「イメージ違うから」と Minecraft Gallery のアイキャッチはデザインを変え この【まったり暮らしの備忘録】も、新たにデザインを作り・・・ となってくると 前のアイキャッチがどうにも古臭く思えてしまって(^_^;) そういえば【はぴるっく！×サクラ咲く道】で記事更新した時に、この【まったり暮らしの備忘録】で紹介するとき同じアイキャッチ画像使ってたけど・…

今月のはてなブログの機能改善で、カテゴリー別の注目記事が表示できるようになりました。 そこで今回は、カテゴリー「食べある記」の注目記事を「注目の食べある記」として表示するようにしてみました。表示場所は、デスクトップ表示の場合は右側サイドバーの「注目の記事」の下、スマートフォン表示の場合は記事一覧や個別記事からさらにスクロールした後の「注目の記事」の下になります。 ……いずれにせよ、「注目の記事」の下ということですね。（笑）現時点で記事数は600件近くになっているため、どの記事が注目されているのか気になり、今回表示させてみました。 今のところ、最近の記事のアクセス数が比較的良いようです。しばらく…

第4章：ブログデザインが見違える！頻出CSSプロパティ実践集 こんにちは！前回の第3章では、スタイルの適用先を決める「セレクタ（狙い撃ちする方法）」を学びました。 今回は理論から実践へ移りましょう。「何をどう変えるか（プロパティ）」の登場です。 CSSには何百ものプロパティがありますが、実はブログデザインで日常的に使うのはそのうちのほんの10〜20個程度です。今回は、その中でも特に効果が高く、初心者が絶対に覚えておくべきプロパティを厳選して紹介します。 1. 文字とフォント (Typography) ブログは「読むもの」です。文字の読みやすさを調整するだけで、読者の滞在時間は大きく変わります。…

第3章：CSSセレクタを極める！「誰に」デザインするかを指定する技術 こんにちは！前回はCSSの基本的な書き方（文法）と、HTMLへの適用方法について解説しました。 今回は、CSSを書く上で最も重要で、かつ面白い部分である「セレクタ（Selector）」について深掘りします。 「すべての文字を赤くする」のではなく、「記事の中の」「強調したい部分だけ」を赤くしたい。 そんなふうに、HTML文書の中からデザインを変えたい部分をスナイパーのように正確に狙い撃ちする技術、それがセレクタです。これさえ覚えれば、あなたのデザインの自由度は劇的に向上します！ 🎯 基本の「3大セレクタ」をマスターしよう CS…

昨日は雪❄️&暴風で大荒れの天気でしたが、それに続いて今朝は冷え込みました(((﹡•﹏•﹡)))ﾌﾞﾙﾌﾞﾙ☃。ベランダの鉢たちにシートをかけておいてほんとによかったです。 ダイソーでこまごましたものを買いました。こちらはその一部。 ボディタオルと大判ガーゼ。ガーゼはカットしてマスクの内側に使います。 ボディタオルの方は長い間愛用してきたこちら↓が見当たらなかったんです。ネットストアには載ってますが……。 (※過去画像です)。 PCスタンド@ダイソーを買ってみた - 潮路のとはずがたり雑記 shioji's notes かためとふつうとあってふつうを選んだのですが、なんか前のとびみょーに違うよ…