HTML/CSS

scroll-padding-topを使用する。

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

“IEでの閲覧時にEdgeにリダイレクトさせる方法” の続きを読む

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

“input[type=button]とbutton、a要素の違い” の続きを読む

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

“画像ごと、動画ごとの専用のページをつくったほうがよい” の続きを読む

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

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

“template要素を初体験” の続きを読む

この記事を見て初めて知った。 https://blog.w0s.jp/639 よく記述する下記の指定はHTML5から使用できるものだそうだ。 HTML4以前はこちらを使っており、HTMLの黎明期にはmeta要素がなかった …

“HTMLのUTF-8の指定について” の続きを読む

参考：https://zenn.dev/sugamaan/articles/9adab715122679 デコードとは、異なる形式に変換されたデータを元の状態に戻すことであり、画像のデコード処理というのは、画像データをH …

“HTMLで画像のデコード処理を考慮した属性の付与” の続きを読む

sassとアドオンを使う場合、.storybook/main.js に下記を追記。 @storybook/addon-a11y を使用する場合は .storybook/preview.js に下記を追記。 下記のようなテ …

“StoryBook for HTML の使い方” の続きを読む

なるべくjson形式にしたほうがいい。datePublishedはdate-time属性を参照すると思ってたんだけど、どうやら textnodeを参照するため、表記に制限ができてしまう。 https://develope …

“time要素を使用した構造化データ対応方法” の続きを読む