明滅するプログラマの思索

WEBエンジニアとして勤務している一介の男が、日々気づいたことをまとめるブログです

html

jQuery で CSS の filter プロパティをアニメーションさせる

CSS の filter 機能は非常に多くの便利な効果を持っているので、スマートな WEBデザインを実現するのによく使われています。 例えば、ぼかしを入れたい場合は以下のように書くことができます。 .blur { filter: blur(20px); }

画像をHTMLに直接埋め込む方法

HTMLで画像を表示する場合、<img />タグを使用します。 このとき、画像のバイナリデータが取得できるなら、以下のように書くことができます。 EOF;

背景色に対する文字色を明度の差で動的に決定する

背景色を動的に変更したい、そのうえで、文字も見えづらくならないように動的に変更したい、という場合があるとします。 たとえば、とある表があって、各セルの背景色を任意に指定できる場合、文字色も併せて変更しないと、文字がつぶれて見えなくなってしま…