HTML/CSS

https://github.com/adobe-fonts/adobe-blank 10年くらい前に開発されたAdobe BlankというWebフォントはすべてのUnicodeコードポイントを不可視のグリフにマッピング …

“Adobe Blank の便利な使い方” の続きを読む

head内にbase要素を追加するとHTML内にあるaタグの一部の挙動を制御することができる。 参考：https://qiita.com/ryuta69/items/7eaa5d07fc2e6f8933ad

jumbotronherooverlaytile, panelholderbar

初めて知った。 emmetはHTMLで「div.hoge」のようにセレクタで記述するとそのHTMLを作成してくれるのだが、CSSでも使えるみたい。 db! -> display: block !important; …

“emmetはCSSでも使える” の続きを読む

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

“CSSクラス名で「_」が使われにくい理由” の続きを読む

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

“overflow: clip” の続きを読む

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

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

“スクロールバーを考慮したCSSの指定方法” の続きを読む

scroll-padding-topを使用する。