Useful

Tutorials

2017.11.09

How to remove WordPress admin Profile page fields (Including Personal Options, Biographical Info, Website etc.) and titles without JS

In categories: Tutorials, Website development, Wordpress

How to remove WordPress admin Profile page fields (Including Personal Options, Biographical Info, Website etc.) and titles without JS

Recently had been working on this project of mine where I came upon a problem – how to remove WordPress admin Profile page fields and titles that will not be needed for users who will be using the new system. You do not want your users to be confused with information that they don’t have to input therefore it might be a good idea to remove them. And I mean …

2016.11.06

Meaningful transitions tutorial basing on material design motion choreography

In categories: Tutorials, Website development

Meaningful transitions tutorial basing on material design motion choreography

Some time ago I got inspired by Googles material design and meaningful transition concepts. Since CSS3 has allowed us to build beautiful transitions and seamless animations we must also be very careful in using them. It is our responsibility in front of our users and it can either help to better understand, read and grasp the information or do the opposite. If a client would enter your restaurant, you would …

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