Blog

Tutorials

2016.09.25

Custom wordpress breadcrumbs multiple levels function without plugin

In categories: Tutorials, Website development, Wordpress

Custom wordpress breadcrumbs multiple levels function without plugin

I was working on a project recently and found out that there is a little bit of a struggle to create breadcrumbs that will display page parent and all ancestors. Most tutorials out there are about two level breadcrumbs navigation. Therefore I created a function for those who might happen to be in the same position. Simply add this function to your functions.php file and after that call it where …

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