HTML/CSS – ページ 3 – Webエンジニアの備忘録

CSSクラス名で「_」が使われにくい理由

投稿日: 2022年5月7日投稿者: 管理者

個人的には視認性やタイポ性の不利だと思っていたが、そうではないみたい。アンダースコアは識別子として有効だ. “CSS2で識別子に使える文字は [A-Za-z0-9] とISO 10646の161以上、そして …

投稿日: 2022年4月25日投稿者: 管理者

存在を初めて知った。 hidden と同様に、コンテンツは要素のパディングボックスに合わせて切り取られます。 clip と hidden の違いは、 clip キーワードがプログラム的なスクロールも含め、すべてのスクロー …

投稿日: 2022年2月7日 / Updated 2024年12月5日投稿者: 管理者

GTMの設置 ※WebフォントやSNS埋め込みの場合は、他のhref属性を指定する重いアセットファイル scriptタグ imgタグ

投稿日: 2022年1月30日 / Updated 2022年1月30日投稿者: 管理者

macOSの場合、デフォルトではブラウザのスクロールバーは表示されない（設定で調整可能）。一方WindowsOSではスクロールバーはデフォルトで表示されるようになっている。この違いはCSSのvw・vhプロパティに影響し …

投稿日: 2021年12月27日投稿者: 管理者

scroll-padding-topを使用する。

投稿日: 2021年12月17日 / Updated 2022年4月7日投稿者: 管理者

https://docs.microsoft.com/en-us/microsoft-edge/web-platform/ie-to-microsoft-edge-redirection 上記によると、メールでリクエスト …

投稿日: 2021年12月13日 / Updated 2021年12月15日投稿者: 管理者

inputとbutton input要素はvoid要素のため、擬似要素が使えないが、button要素は使用できる。button要素は見た目の柔軟性を向上するために追加された要素であり、input要素の後発。そのため、IE …

投稿日: 2021年12月9日 / Updated 2024年9月13日投稿者: 管理者

Google検索エンジンが理解しやすくなり、それぞれのメディアが検索に最適化されるため。動画ページはYoutubeなどのサードパーティー製のものの埋め込みでもよいそう。構造化データなどもあるため、利用するとなおよい。ま …

投稿日: 2021年11月30日投稿者: 管理者

Safariブラウザのみ他のブラウザとは逆の向きでラインアニメーションしてしまう。そのような場合、stroke-dasharrayプロパティをリストにすると解決できる。

投稿日: 2021年11月6日投稿者: 管理者

reactの普及で使用頻度が減ったような気がするShadow DOMだが、tempalte要素をいままで使ったことがなかったので、初めて使ってみた。 template要素はレンダリングされないため、ブラウザに表示するには …