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

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

html5

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

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

data属性で JSON データを管理する

Javascript では JSON データを簡単に扱うことができます。 今回の記事では、ページ内の一時的な情報を JSON オブジェクトとしてキャッシュし、それを HTML5 の data 属性で管理してみます。 実装条件 ソフトウェア バージョン jQuery 2.2.4 Browser Chrome