大流行した画像のブラー加工をJSでささっと実装出来る「Vague.js」が面白い。ブラー加工とは画像をぼやけさせる加工の事を言うのですが、この加工した画像を使いランディングページを作るアプリが多くあります。ぼやけさせる事により明確にユーザーに見て欲しい文字に焦点を当てられます。 さて、そんなブラー加工ですがPhotoshop等の画像編集ソフトを使わなくてもJS上で加工して表示出来るプラグインがありますので、今回はその「Vague.js」を紹介したいと思います。 Vague.js Vague.js このページ自体にブラーがかかっていますので、そこから実装方法も見れます。 Vague.jsの使い方 Vague.jsのgitHubに行ってファイルをダウンロードして来ましたら次は実装ですね。 こんな感じのソースコードで動きます。 実装ソースコード <!DOCTYPE html> <head> <title>Vague.jsの最小実装コード</title> </head> <bo
