デザインCSS

自分は、2025年6月に「はてなブログ」を開始したブログ初心者です。今回は、スマホでも記事を見やすくするために、レイアウトを見直してみました。具体的には、スマホから記事が閲覧された場合に、不要な内容を非表示にするようにデザイン CSSを設定しました。現状は、「レスポンシブデザイン」を採用しており、PC向けの記事がスマホでも表示されます。しかし、スマホの画面サイズを考慮したときに、表示しない方が記事が見やすくなる内容があるため、今回の作業を実施してみました。備忘録として、実施した内容を残しておきたいと思います。 見直し前後のレイアウト (1)見直し前 (2)見直し後 (3)2つの結果から分かるこ…

今朝はいちだんと寒く感じ、温度計を見ると２０℃台、冬になれば０℃近くなることもあるのでどれほど寒く感じるのかと今から思いやられます。 昨日はAIとのやりとりで疲れ果て、雨も降りだしたので夫のお見舞いに行かなかった・・・ 平日はリハビリで2回は車いすに乗る機会がありますが、考えたら昨日は日曜日！ 日曜日はリハビリがないので、私が行かなかった事で、一度もベットから降りることが無くその為にコーヒーやお茶も飲めなかった！ そして、顔も洗えなかったのだと申し訳ない事をしたと思いました。 ～～～～～～～ 昨日のブログの件で、またELLの足跡さんに教えていただきました。 ブログのトップページから見ると自転車…

はてなブログでは、デザインCSSというツールにCSSコードを記述して、自分のブログページを自由にデザインできます。 その際、既存のコードには手を加えずに残しておきます。カスタイズするには、既存のコードの次の行から追記します。追記部分を削除すれば、いつでも後戻りできます。 そこで、どこからが追記部分なのか、また、いつ記述したものかなどを明らかにしておくため、追記の日付をコメントしておくことにしました。 コメントとは、コード内に記述できるメモ書きです。コードとしては無効な記述で、コードの実行には何ら影響しません。シェルスクリプトにおけるハッシュ（＃）と同じです。 「10日後の自分は他人」と言われる…

2本指タップ（右クリック）の「検証」 そこからHTMLや指定クラスを見ることを最近覚えました はい これは 高度ウェブスキル成長期に入っています！ ぶはははははは こういうのはすぐに実践 はてなブログの「このブログについて」というリンク。君だよ、まずは。 きみ押したら プロフィールと同じページに遷移するじゃん プロフィールを押した時と同じとこに飛びます デザインも寂しいので消しまーす！消してみまーす！ （壊れたら戻しまーす） 最近覚えた「検証」で確認 丸のとこ押して気になる部分にカーソル合わせると表示される デザイン＞カスタマイズ＞デザインCSSに入って div.profile-about {…

はてなブログにはデザインCSSというのがあって、これを使うと自分のブログページを自由にカスタマイズできます。 デザインCSSの場所、開き方は、昨日（2025年8月3日）の記事をご覧ください。 デザインCSSを開いてみると、そこには既存のコードがありますが、これには手を触れず、そのまま残しておくことが推奨されています。カスタマイズするときは、既存コードの次の行から追記することになります。 CSSの上書き特性 それは、どうしてか。 CSSに関する基本的事項として、CSSは後から記述したものが優先する、というものがあります。つまり、CSSは上から順番に読み込まれていき、値違いの記述を下の方でやると、…

昨日（2025年8月2日）、はてなブログにおけるページの自由なカスタマイズについて書きました。その内容は、だいたい次のようなものです。 はてなブログでは他にはないオリジナルのページを作ることができる ページのカスタマイズにはデザインCSSを利用する デザインCSSにコードを追記することでカスタマイズを行う うまくいかなかったときはその追記部分を削除できる 以上によって、あまり抵抗感なく、カスタマイズ作業に着手できます。失敗すれば、いくらでもやり直しがきくからです。ですから、作業の敷居は低いと言えます。 ただ、「デザインCSSにコードを書き足す。」と言うけれども、そのデザインCSSというのがどこ…

ブログCSSの解読に生成AIがすこぶる使えたお話です。 ブログデザインをエモくするにはCSSが必要 ブログデザインをテンプレではなく、もっと独自路線でエモくするためには、当然デザインCSSを色々いじる必要があります。 私もデザインについては色々ネット情報を調べては 【コピペでOK！】xxxx なる記事を見つけては、本当にコピペしてはCSSぶち込んで、別記事からコピペしてはCSSぶち込んでおりました。 コピペで作ったCSSがさっぱりわからん さて、とある日CSS設定を微調整しようと思って、色々コピペつぎはぎで出来上がったCSSを振り返ってみると・・・ CSS各行が何やってるかさっぱりわんねぇぇぇ…