CSSだけでスムーズスクロールする
scroll-behavior というプロパティをアンカーがある親要素に指定する。
HTML・CSSなどのマークアップ言語やスタイルシートについて
scroll-behavior というプロパティをアンカーがある親要素に指定する。
LVHA(link、visited、hover、activeの頭文字)の順序で記述するのが良いとされている。 参考:http://cccs.cc/css/selector/priority/cascading/
Google より明確に基準が設けられており、構造化データについても両者違いがあるため、それぞれ実装方法が異なる。 Q&Aの定義 掲載できる質問は 1 ページにつき 1 つです。複数の質問を 1 ページに掲載して …
要素のどの部分を表示するかを設定するクリップ領域を作成する。 https://developer.mozilla.org/ja/docs/Web/CSS/clip-path これをうまく使うと下記のようなボーダーが入った …
使いどころがないと忘れてしまう CSS関数を取り上げてみる。 ちなみにこれらはIEに対応していないため注意。これらの引数には — から始まる変数宣言(var())も使うことができる比較関数である。 比較関数 …
早期アクセスだったNotoが2019年ごろから、正式にリリースされた。こちらのURLに差し替えると、かなり速度が向上する。 速度改善のキーワードは以下の2つ。 サブセット化 フォントに含まれている文字の中から必要な文字だ …
多言語サイトを運営している際に、GoogleにそのページのURLと使用している言語を知らせるためのlinkタグの属性のひとつ。 サイトマップの場合は下記のようにする。
https://sass-lang.com/blog/libsass-is-deprecated LibSassは非推奨になったため、DartSassの移行すべし。 結構変わるところがある。例えば@import構文を@u …
pの中になぜdivタグは入れられないのか 説明するときにいまいち体系的に説明できなかったので、復習をしてみた。 概要 HTML5より前は、インライン要素とブロックレベル要素の2種類のみで、ブロックレベル要素はブロックレベ …