便利なJavaScriptライブラリが登場！ CSSのプロパティの値の変更を検出できる -CSSStyleObserver

2024/10/08 10 users MutationObserver DOMツリー プロパティ

DOMツリーに加えられた変更を検出する機能としてMutationObserverが便利ですが、CSSのプロパティの値は検出できません。 最近ではCSSアニメーションを使用したWebサイトやスマホアプリも増え、プロパティ値の変更に応じてコールバックを実行する必要があるかもしれません。CSSのプロパティの値の変更を検出するための新... 続きを読む

CSSのプロパティ値「auto」を使ったテクニックのまとめ、マージンやサイズや配置やFlexboxなど | コリス

2020/04/14 22 users Flexbox コリス Grid auto height

CSSの「auto」は非常に便利な値で、マージンやサイズ（width, height）や配置などのプロパティに使用することができます。「auto」がどのように機能するのか、「auto」を活用したテクニックを紹介します。 自動マージン、autoを使った要素のサイズ指定、中央配置に使用するautoの仕組み、FlexboxやGridで知っておくと便... 続きを読む

2016年総まとめ、JavaScriptのライブラリやjQueryのプラグイン100+α選 | コリス

2016/12/15 388 users jQuery コリス モーフィング SVG ライブラリ

毎年恒例のJavaScriptのライブラリやjQueryのプラグインの総まとめを紹介します。 今年リリースされたものから、アップデートされたものまで、これからのWebページやスマホページの制作に役立つJavaScriptを100+αまとめました。 KUTE.js クロスブラウザ対応のさまざまなアニメーション、2Dと3Dの変形、SVGの変形、CSSのプロパティ値の変化、SVGのモーフィング、SVGの... 続きを読む

CSS 仕様のプロパティ値の構文の読み方 | Unformed Building

2012/11/27 21 users 構文 CSS Unformed Building 仕様 読み方

値の部分のキーワードは文字通りに記述しなければなりません。また、スラッシュ (/) やコンマ (,) も同様に文字通りに記述しなければなりません。 "<" と ">" で囲まれているものはデータ型を表します。基本的にリンクがあるので、その型がどういうものはリンク先の説明を参照すること。 いくつか単語が並置されている場合、その順序通りに全て記述しなければなりません。 バー (|) は2つ以上の選択肢... 続きを読む