2015どうも、僕です。Filterについて解説したいと思います。Filterとは?ざっくり言うと、CSSで画像にフィルターがかけれるやつです。Photoshopとかの画像処理ソフトを使用したことがある人ならすぐにピンとくると思いますが、わからない人のために説明すると、Instagramとかで写真を撮った後に、画像の見せ方を色々と選べるやつあると思いますが、あれです。この説明でもわからない人は僕では手に負えないのでInstagramダウンロードして使用してみてください。Filterの対応ブラウザそんなおしゃれなやつなら早速使ってみたいと思う方もいると思いますが、対応ブラウザを確認の上使用してください。ちなみに今現在(2015.12)でもIEは対応していません。Filterを使用できるようになるライブラリ「CSS-Filter-Polyfill」なるものがあるそうです。使い方についてはhttp://memocarilog.info/jquery/7726で説明されていますので、使用したい方はご覧ください。下記が主な対応ブラウザになります。-webkit-だけらしいのでベンダープレフィックスは一つだけ書けばよさそうです。使用方法では、実際の使用例を紹介していきます。Filterですが他のブラウザでは使用できるので試しに使ってみてはいかがでしょうか?画像の色味などの変更があった際に、Photoshopなどでわざわざ編集し直して、書き出して、圧縮してという手間がコードを少し変更するだけで省けるので使用してみる価値は十分あり便利だと思います。Analyticsでページ訪問者のブラウザを調べてIEが少ないようであれば無視してもいいんではないでしょうか。Filterの説明を終わります。Filterを実際使用しているWebサイトをまとめた記事でも書きます。よろしければシェアをお願いします。デザインからフロントエンドを主に担当しています。休日はNetflixを見ながら過ごしています。YamashitaTop。