Ivan Bogachev

I published an article about dotted lines. This is the fourth article about animations in interfaces. Enjoy it!

Another nice animation.

Today I finished an article about paths and changeful forms in SVG. I published it on habrahabr.ru.

Just another animation.

I wrote an article about SVG masks. This is the continuation of the previous article. It was about particles. Today I explained the basic principles of usage of masks and showed three cool examples. As always, they are available on CodePen. The article is in Russian and has been published on habrahabr.ru.

Just another loader. Nothing unusual, but it looks nice.

Image carousel is one of the most popular components. It’s being used by millions of websites. But usually we see pretty simple effects in it. SVG gives us the ability to greatly improve our carousels. And again I’ve used masking. It’s simple, but very powerful technology.

Today is St Valentine’s day. I’ve painted a heart. This example consists of one mask, two paths and a couple of lines of javascript to start the action.

The winter is ending, but I’d like to present the Christmas waltz that I wrote a couple of days ago. This is a short, festive waltz for a chamber orchestra. I composed it for piano and it was a common etude for beginners. Later, when I tried to use synthesized strings and a glockenspiel, it was transformed into the beautiful composition. I like it and I think it can create a festive mood.

SVG masks. This is a very interesting technology. It allows us to create a lot of cool effects, even in IE. I created an example for one of my answers on toster.ru. It looks nice and it has been picked on CodePen recently, so I think I should share it here too.