Useful

Tutorials

2018.05.17

Tutorial: Use merge fields to pass users address to MailChimp via API without empty result. Problem solved

In categories: Tutorials, Website development

Tutorial: Use merge fields to pass users address to MailChimp via API without empty result. Problem solved

Recently I embarked on a journey to integrate MailChimp API with abandoned carts plugin. At first I thought that it should be a peace of cake since I saw their huge documentation, but I was mistaken and had to spend my whole afternoon digging google to understand why I am getting empty address field after everything else is imported. Just to be clear – I really like the new Mailchimp …

2018.05.14

How to save WooCommerce abandoned carts for free

In categories: Tutorials, Website development, Wordpress

How to save WooCommerce abandoned carts for free

Have you ever considered or noticed that there are people who are leaving your online shop after they have added items to your shopping cart? Imagine yourself left standing by the counter with a bunch of abandoned carts and not knowing who left them there. Now this is a quite bad situation to be left with but this is also a place of great opportunities. So how to deal with …

2018.03.21

Get WooCommerce product variation price and sale price for your pricing table

In categories: Tutorials, Website development, Wordpress

Get WooCommerce product variation price and sale price for your pricing table

So as usual I was peacefully working on a project of my own using WooCommerce as a base of my e-commerce solution. I had previous experience building standard shops consisting of multiple products with variable prices for each variation. But now I was creating a website with a single downloadable product that had multiple variations and each variation a custom price. Now on the main product page I had to …

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