Blog

grayscale

2014.03.22

Cross-Browser Grayscale image example using CSS3 + JS v2.0. With browser feature detection using Modernizr

In categories: Tutorials, Website development

Cross-Browser Grayscale image example using CSS3 + JS v2.0. With browser feature detection using Modernizr

A couple of months ago I did a tutorial that showed how to create grayscale images using CSS and JS on all major browsers, including Internet Explorer 10 and 11 that no longer support CSS filters. Since that example was using browser detection and was based on user agents, it was not very reliable and not exactly the best way to create it. Besides $.browser has been deprecated. So I …

2013.12.16

Cross-Browser Grayscale image example using CSS3 + JS

In categories: Tutorials, Website development

Cross-Browser Grayscale image example using CSS3 + JS

There are a lot of examples and tutorials about how to create grayscale images using CSS , CSS3 and JS, but while developing a project for one of my clients, I found out that there is no solution that would be cross-browser compatible and would support the latest Internet Explorer 10 and 11 versions. This is the reason I came up with a solution of my own and decided to …

Latest work