HISα@コーダー

🧑‍💻 WordPress メイン | コーディング| PHP React | テックブログ運営 |

[HISα@コーダー @hisashiblog]

@57Nyon6745 結局は「どこまでやるか」ですよね。
案件や目的によって優先順位は変わりますし、必要性を理解した上で、案件ごとに判断できるのが理想ですね。

[HISα@コーダー @hisashiblog]

ハンバーガーメニューって「開閉できればOK」と思われがちだけど、Tabで操作できたり、ESCで閉じられたり、フォーカス管理まで配慮されているサイトは少な過ぎ。

もしかしてそんな重要じゃない…？

[HISα@コーダー @hisashiblog]

ちなみにドロワーを展開したまま、PC画面幅まで広げると操作不能になったサイトがあった。

折りたたみスマホや、縦から横向きにしたときの振る舞いをどうするかも考慮する必要がある。

私の場合自動で閉じるようにしてる。

[HISα@コーダー @hisashiblog]

理想に近い形はこれ。
開いた時だけメニューをフォーカス。
フォーカストラップでメニュー内をループ。

[HISα@コーダー @hisashiblog]

ハンバーガーメニューって「開閉できればOK」と思われがちだけど、Tabで操作できたり、ESCで閉じられたり、フォーカス管理まで配慮されているサイトは少な過ぎ。

もしかしてそんな重要じゃない…？

[HISα@コーダー @hisashiblog]

navの中にbuttonを含めるかどうか。
WordPressのデフォルトテーマTT5なんかはnavの中に全部ぶち込んでる感じ。

nav はナビゲーションリンクの主要なブロックのみに用いるのが定石なので、本来ボタンは外に出すべきじゃ…？

[HISα@コーダー @hisashiblog]

@syuribox やはり必要ですよね。場面は多くないにしろいざ操作出来ないとなると離脱するので。

[HISα@コーダー @hisashiblog]

@369code_ 海外は普通なんですね。結構クリエイティブなサイトでも無視して実装してるケースも多いので(??)って感じです。
ハンバーガーはモバイルオンリーって割り切ってるのかな。

[長谷川喜洋★星のソムリエ®/HASEGAWA Yoshihiro @hiro_ghap1]

VS Code用エクステンション。

ページ内すべてのimg、sourceタグに一括でwidth/heightを付与、コマンドを実行したカーソル位置以降の画像タグをloading="lazy"にすることも可能です。

pictureタグ単位で付与も可能。

使ってください、便利です！

[HISα@コーダー @hisashiblog]

@photo_can_ これは旦那さんが「まぁまぁ…」って止める場面じゃない気がします。不備は店員さんに伝えた方がお店も原因を確認できるし、再発防止にもつながりますよね。

[HISα@コーダー @hisashiblog]

なんか見たことある。
min-width: 0あるいはmin-height: 0が必要じゃなかったっけ？

[catnose @catnose99]

【悲しいお知らせ】

iOS 27（Beta）のSafariさん、
height + aspect-ratio の組み合わせで比率指定が効かずぶっ壊れることがある

[HISα@コーダー @hisashiblog]

お問い合わせフォームから特定のメールアドレスにだけ届かない不具合を検証してたら、なんとMac側で拒否したメールアドレスに登録されてた。多分メールソフトを操作しているうちに誤操作してたっぽい。なのでGmail側には自動でゴミ箱に入ってた。サイトの異常ではなくて良かった。

[HISα@コーダー @hisashiblog]

雇用する負担が大きくなるため、値上げしますね。

[Yahoo!ニュース @YahooNewsTopics]

【最低賃金の目安 時給1176円に決定】
https://t.co/shCrLpjmIb

[HISα@コーダー @hisashiblog]

いい感じのボタン作った。
文字数に合わせて幅も自動調整される。

[HISα@コーダー @hisashiblog]

AIっぽいサイトを見るだけでアレルギー出てきた。別に嫌いとかじゃないのに脳が受け付けてない感じ。不気味の谷ってやつかな……

[HISα@コーダー @hisashiblog]

WordPressストレス。
これだけでお客様更新しなくなるわい。

[HISα@コーダー @hisashiblog]

WordPressのBASIC認証 wp-login.phpにかけてれば、/wp-admin/には不要？必要？

[HISα@コーダー @hisashiblog]

あーでも、無料、機能制限なし、ノーコード、商用利用可は、実質WordPressしかないか。

[HISα@コーダー @hisashiblog]

っぱ、生のHTMLに、noteリンクさせて、Googleフォームがセキュリティ最高か。

[HISα@コーダー @hisashiblog]

あー、wp-adminにBASIC認証かけてても、wp-login.phpにはかかってなかったのか…

[HISα@コーダー @hisashiblog]

@369code_ Happy!!

[HISα@コーダー @hisashiblog]

松屋で朝食(350円)ミニ牛皿ついてご飯おかわり自由だと…