iPhoneの横幅表示が怪しい

某倶楽部展のPRであるが、皆さまはインスタ利用であった。
私の方はいじるのが好きなので、HPを某展仕様にしてみました。
しかし！
→PCとandroidではよいが、iPhoneの横幅表示が怪しいようだ(;^_^A

下のご教授とはちょっと話が違うが・・・
冬にもうちょっと勉強しようと思うのであった・・

CSSだけでiPhoneの特殊な画面に対応する方法と、XcodeとXAMPPを使って実際に確認する方法|Webデザインの教科書

なおまた、アフィリエイトを利用していることを明示しなければいけなくなっていたようだ。（ページ末に追記した）
ぜんぜん、そういう収入って無くなっていますけどね、一応。

ステマ規制とアフィリエイト広告の表記ルールをわかりやすく解説！

dl.dt.ddタグ

dl.dt.ddタグの中にほかの要素を入れてもよいかどうか検索してみました・・
以下の、2020年9月のページを拝見した

HTMLコーダー必見のdl dt ddタグの基礎から応用まで！

HTML5において、dl要素は用語(dt)を説明(dd)する記述リストとして定義が変更になりました。dl要素を定義リストとして利用する場合は、dt要素にdfn要素を内包させます。

こちらは、なんというか、更新日時と更新内容を列状に配置するというだけの使用法だったのですが、 未だ不勉強でした‥

tableタグに引けをとらないレイアウト性があります。

‥たしかに、レイアウト性という事で、使用してきた感じ・・しかし、まだまた工夫を楽しめそうです‥

花のボランティア

テキストリンクの色

https://hamidasimono.com/archives/2290

テキストリンクの色について、調べてくださって、有益でした・・

https://karakusamon.com/wp/

本体付属のワードプレスを更新しました。

有料だったのに、必ず1ページに5つのタグミスが出るのが残念・・
外国ものは、イチャモンつけるのが難しい・・

スマホ用CSSゼンゼン不可

今年もアドヴェントカレンダーページを作成して一年を振り返ります。
それはいいのですが、

３日やってみてから、スマホで見たところ、表示が全くアホな感じですね‥

う～～ん・・

「”簡易表示をする”で見てください！」と言いたくなる。
トップに戻るボタンを非表示にしたり、画像サイズを小さくしたり、・・

苦闘ですね・・(^-^;

https://www.seojuku.com/blog/responsive-mediaquery.html

メディアクエリ混乱 ブレイクポイント迷走 レスポンシブ崩壊

スマートフォン デバイスが変化し続けるため、iPhone XS Max/XRのように想定外のスマホ画面になっているので、画面の横幅（max-width）だけのメディアクエリ・ブレイクポイントでは、既存のCSSでは対応できなくなっている可能性がある

いやもう！？

アドヴェントカレンダー2021

アドベントカレンダーで2021年の1年を振り返る。今年のテーマは花と猫（来年の干支は虎=大猫）。

アドヴェントカレンダー2021

ちなみに、準備ができなかったので、
下を１２月１日のオープンに、下ので何とか間に合わせたけれど、

https://bymn.xsrv.jp/nekomegami/advent/2021/2021tuchen.html

やっぱりドアを開けた向こうでのリンクが効かなかった。
turchen.comのサービスは、ドアをあけて毎日写真を見せるというていものですね。
（Türchenはドイツ語でドア）
その時は別に目次を入れて対応しようと思った‥

ところが１２月１日当日から、なんと盛大に広告が2つも入り、肝心の部分を邪魔する・・使い物にならない・・つまりません。
・・というわけで、もう、PCファーストで行くしかないのだ！？

[コンテンツモデル]

「コンテンツモデル」
この言葉を知らなかったかも。

それでいて

[section]タグを使ってきたわけだが、（ボォ～～っと生きているんじゃないよ、チコちゃんに叱られそう）
「セクショニングコンテンツ=見出しの及ぶ範囲を定義するモデル」

以前の某テキスト本で、セクションには見出しが必要・・といった言い方では、よくわからなかったことですね‥　
そうか見出しの及ぶ範囲なのか‥
「モデル」も半可通かも(;'∀')

HTMLの新概念

　HTMLに関してはWHAYWGのHTML Standard のみを参照する。

　CSSについては、W3Cの仕様書が正式。
（p139「いちばんよくわかるWebデザインの基本きちんと入門[第2版]」

）

W3C発行のHTMLがすべて廃止された日【2021年1月28日！】
いやぁ権威が覆っていたのですか‥

どうしてHTML5が廃止されたのか | フューチャー技術ブログ

フロントエンド連載の5記事目です。 HTML5が2021年の1月に廃止されました。 Webエンジニアとしてバリバリ活躍されてる方やエグゼクティブテックリードのような肩書きを持つ方にとっては「何をいまさら」という話題かと思います。しかしながら、今年も新人さん入ってきてくださったので、プログラミングを学習中にHTML5という文字列に悩まされないように、そもそもHTML5とは何かや、廃止された経緯を

どうしてHTML5が廃止されたのか | フューチャー技術ブログ

W3C発行のHTMLがすべて廃止された日 | フロントエンドBlog | ミツエーリンクス

先月末の話ですが、HTML Review Draft -- Published 29 January 2020 is a W3C Recommendation | W3C Newsにあるとおり、WHATWGにあるHTML Revie...

W3C発行のHTMLがすべて廃止された日 | フロントエンドBlog | ミツエーリンクス

サイトトップがそっくり

VOD（動画配信サービス）ですが、
なぜか、NetflixとFODプレミアムって、サイトトップページとかそっくりですね？・・・と初めて、FDOのサイトを見て思ったこと。

【下の左のメニューのない状態で見た】
https://fod.fujitv.co.jp/

ここ、アジア（韓流）ドラマの本数も増えているようです・・
（まだ視聴無料特典を使ってない）

余談だが、VODはAmazonプライムはずっとだが、あとは、入ったり出たり・・（U－NEXTより、TSUTAYA TVが好みかも）
11月1日からまたNetflix に3カ月ぶりで入会し、［イカゲーム］や［海街チャチャチャ］をみています・・・（遅れ気味に見る奴）

カレンダーの埋め込み

予約していた来年の漢字暦が届きました。

あとは100均で？(壁掛け)

他には、
今年同様、机上用のカレンダー(マンスリー はがき大)と美術日めくりも買う予定・・・。
ところで。WEB上でカレンダーを埋め込むには、

昔はテーブルタグでつくったものでしたが、今は、簡単そう。
・・と思ったが、やっぱりターブルタグが基本だそうだ(;^_^A

HTMLの基本、Webページにカレンダーを設置する方法 | ポテパンスタイル

フォームで日付を入力してもらったり、スケジュールをチェックしてもらう時など、Webページに設置されたカレンダーは、利用者にとって便利な機能です。HTMLを扱うエンジニアなら、ぜひ、知っておくべきでしょう。そこで、Webページでカレンダーを設

HTMLの基本、Webページにカレンダーを設置する方法 | ポテパンスタイル

白川静 漢字暦 2022 - 平凡社

白川静 漢字暦 2022 - 平凡社

「みすず美術カレンダー 2022」のご案内 | みすず書房

＜特集「ジャズ小景」＞20世紀初頭にアメリカ南部の黒人音楽から派生したジャズは、1930年代から60年代にかけてスウィング、ビバップ、ハードバップと進化を遂げ、ミュージシャンが技巧を競い合うセッションは世界中の音楽ファンを魅了しました。また同時代の写真家たちはそうしたジャズシ...

「みすず美術カレンダー 2022」のご案内 | みすず書房

WORDPRESSでできないこと

WORDPRESS・・であるが・・

この頃使ってみて、wikipedia画像の元画像へのリンクが、ほとんどのテーマでおかしくなる!?ことに気がついた・・

ワードプレスの記事に、Wikipediaの画像引用はできないのだろうか？？

いや、こちら出来るように書いてありますが？？

https://suzuka1.net/embed-wiki-pic/
そういうことではなくて、

たしかに表示はできるのですが、
元画像に行こうとするとNGが出ることなのです・・

仕方ないので、埋め込みタグをそのまま利用せず、画像表示の下に、リンクを入れてみたが・・→一例　https://flora.karakusamon.com/wp/?p=382

しばし、おいておきます‥

メインはワードプレスでつくるのでなく、Dreamweaver利用で今まで通り作りつつ、ワードプレスのデザインも取り入れるというのが手だろうか？？等々思いつつ・・

追記です

有料テーマのこちらですが、こちらはオッケーでした(-_-;)

う~ん(^-^;・・どうも半可通の私です。

https://karakusamon.com/wp/

文字サイズ/句読点の課題

font-sizeだが、私は今、px指定を使っていない。
良くないと聞いていたので。

https://blog.karasuneko.com/3092/

しかし、PC用は14px
スマホ用は16pxがいいのだろう、ともいわれる。

このブログ、老眼には見やすいです・・。16pxとある。
ブログの用途としては、問題はないだろう・・

ページでfont-sizeを何も指定していない場合、どのブラウザでも16pxなので、1em=16pxになる

しかし本体のHOMESITEで、多少とも論理的な文章を書く時は文字サイズはなお気になる。
課題です。

https://www.webdesignleaves.com/pr/css/css_basic_05.html

よく知られたテクニックとして、body （または html）のフォントサイズを 62.5% にすることで、デフォルト 16px の 62.5% は 10px になるので、これを基準として使用する

テキスト問題では、句読点。
写真メインのサイトで、これは写真のキャプションであるとして、句点を書かないでいると、

少々いじられ？ました‥うむ！

句読点ルールも復習しておきます・・

https://upwrite.jp/blog/20

HP(Web)ページ更新

プルダウンナビゲーション作成・

はじめMdNの本を見て、jQueryでやろうと思ったのですが、

CSSだけでできるという紹介いがあったので、そちらを・・

どうかな？

http://hana.karakusamon.com/

Thank you!!!↓

※http://weboook.blog22.fc2.com/