フロントエンド– category –
-
【CSS】transition-behaviorプロパティを使って、displayプロパティをトランジション可能にする
Chrome117から導入されるtransition-behaviorプロパティについて勉強しました。 -
【CSS】object-view-boxとは？画像の拡大アニメーションで使えそう
要素を拡大縮小させたり、水平方向に移動させることができるobject-view-boxについて学びました。 -
【HTML】なぜmeta要素のviewportを記述するのか
スマホやタブレット向けに指定されているをなぜ記述するのか勉強しました。 -
【JavaScript】reduce()メソッド
reduceメソッドとは、配列を反復処理する関数の一種です。返り値は、反復処理の結果を返します。 -
【CSS】無限大(Infinity)の値を取り扱う
CSSで無限大の値を取り扱うには、calc()内で計算定数(calc-constant)であるinfinityを使用します。 -
【CSS】:has()擬似クラスの使用例
hasとは引数の中で指定した条件（少なくとも1つ以上）を含んでいる要素をチェックできる擬似クラスです。 -
【JavaScript】タグ付きテンプレートリテラル(Tagged templates)とは
関数の実行時に丸括弧（）を使用せず、テンプレートリテラルを使用する方法のことです。この関数をタグ関数と呼びます。 -
【小ネタ】VSCodeで変数nameを使うと下線が出る理由（”name” is deprecated）
VSCodeでちょっとしたコードを試したいときに変数nameを宣言すると、「nameは非推奨です」と警告されて気になったので調べてみました
